☆☆☆☆☆
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;
}