当前位置: 首页 > Web前端 > HTML5

解决ios中输入字体颜色设置(input,placeholder,disabledstate)

时间:2023-04-05 23:24:40 HTML5

在ios中处理输入字体颜色的时候,我遇到了设置input为disabled后字体颜色和placeholder字体颜色的问题。本来在ios14中设置没问题,在ios11中发现没有生效。我猜可能是低版本的iOS。问题,不过总算是解决了,下面放上代码供大家使用:input{background:none;大纲:无;边框:0px;字体大小:16px;字体系列:PingFangSC-Semibold,PingFangSC;字体粗细:600;颜色:#1f1f1f;-webkit-用户选择:自动;//ios下设置input选择input:14px;字体系列:PingFangSC-Medium,PingFangSC;字体粗细:500;颜色:#9f9f9f;-webkit-文本填充颜色:#9f9f9f;}input::-moz-placeholder,input:disabled::-webkit-input-placeholder,input[disabled]::-webkit-input-placeholder{font-size:14px;字体系列:PingFangSC-Medium,PingFangSC;字体粗细:500;颜色:#9f9f9f;-webkit-文本填充颜色:#9f9f9f;}input::-ms-input-placeholder,input:disabled::-webkit-input-placeholder,input[disabled]::-webkit-input-placeholder{font-size:14px;字体系列:PingFangSC-Medium,PingFangSC;字体粗细:500;颜色:#9f9f9f;-webkit-文本填充颜色:#9f9f9f;}input:disabled,input[disabled]{-webkit-text-fill-color:#1f1f1f;不透明度:1;}