iPhone Safari 下 input disabled 颜色

最近在项目中遇到需要修改 inputdisabled 状态的颜色的情况,然而无论如何都不成功,折腾了好久。后来发现还是 User Agent 样式的问题。

iPhone Safari/webview input disabled 的默认样式:

input:disabled{  
    opacity: 0.4
}

嗯,开发者工具只能看到这一条。 即便是 reset 为 opacity : 1 也无效。因为还有一条隐藏的样式 -webkit-text-fill-color ,于是有效的样式为 :

input:disabled{  
    color:@disabledColor;
    opacity: 1;
    -webkit-text-fill-color: @disabledColor;
}