input失效后，怎么改变它默认就有的灰色
Posted 贺小鸣
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了input失效后，怎么改变它默认就有的灰色相关的知识，希望对你有一定的参考价值。
☆☆☆☆☆
input:disabled {
-webkit-text-fill-color: rgba(0, 0, 0, 1);
-webkit-opacity: 1;
}
去掉button/select的默认按钮样式
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
以下是一些兼容的写法
1.
//Chrome Firefox Opera Safari
input:disabled{
border:1px solid #DDD;
background-color:#F5F5F5;
color:#ACA899;
}
2.
利用属性选择符定义
//IE6 failed
input[disabled]{
border:1px solid #DDD;
background-color:#F5F5F5;
color:#ACA899;
}
3. 利用类来定义
input.disabled{
border:1px solid #DDD;
background-color:#F5F5F5;
color:#ACA899;
}
最终结果：input[disabled],input:disabled{
border:1px solid #DDD;
background-color:#F5F5F5;
color:#ACA899;
}
//IE6 Using javascript to add CSS class "disabled"
* html input.disabled{
border:1px solid #DDD;
background-color:#F5F5F5;
color:#ACA899;
}
以上是关于input失效后，怎么改变它默认就有的灰色的主要内容，如果未能解决你的问题，请参考以下文章