欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

iPhone Safari 下 input disabled 颜色的修改

程序员文章站 2022-06-17 16:06:12
...

最近在项目中遇到需要修改 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;
}
相关标签: css safari