苹果手机输入框禁止后字体颜色被默认颜色覆盖的问题


苹果手机输入框禁止后字体颜色被默认颜色覆盖的问题


今天测试时,移动端出现一个问题,当输入框在被禁用后,安卓手机上字体样式正常,而苹果手机上字体样式不对,并且字体颜色被默认颜色覆盖了,需要在 css 里面声明样式,防止被系统覆盖。

  • css 中声明 ??

    input[disabled],input:disabled,input.disabled {
        // 如果增加下面 3 句话没有生效,就在颜色后面添加 !important 属性
        color: #999 !important;
        // 防止字体被苹果默认样式覆盖,以下 3 句话都要添加
        -webkit-text-fill-color:#999;  
        -webkit-opacity:1;  
        opacity: 1;  
    }