最近在项目中遇到需要修改 input
的 disabled
状态的颜色的情况,然而无论如何都不成功,折腾了好久。后来发现还是 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;
}