iPhone Safari 下 input disabled 颜色的修改
2018-03-07 15:44
1461 查看
最近在项目中遇到需要修改
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; }
相关文章推荐
- input disabled的情况下在IOS设备中怎么修改颜色
- input disabled的情况下在IOS设备中怎么修改颜色
- 鼠标点击 input,显示瞬间的边框颜色,对之修改与隐藏
- 修改placeholder的颜色 、HTML中让表单input等文本框为只读不可编辑的方法
- 修改input缺省的文字透明度及颜色
- Android TextInputLayout修改提示信息文字颜色
- 修改输入框placeholder文字默认颜色-webkit-input-placeholder
- 修改输入框placeholder文字默认颜色-webkit-input-placeholder
- input 标签 修改 disabled 属性默认样式(适配安卓 IOS)
- 修改input标签的placeholder中文本的颜色
- 通过js修改input、select默认字体颜色
- css修改input中placeholder 的字体颜色
- 通过CSS禁止Chrome自动为输入框添加橘黄色边框,修改/禁止 chrome input边框颜色,
- 修改输入框placeholder文字默认颜色-webkit-input-placeholder
- 修改input框中placeholder的字体颜色
- 修改input中placeholderde颜色
- Flex中如何用backgroundDisabledColor样式,自定义TextInput控件在无效状态下填充颜色
- 修改输入框placeholder文字默认颜色-webkit-input-placeholder
- input:-webkit-autofill 谷歌浏览器 修改input输入框的颜色
- input设置为disabled,会造成字体颜色变灰