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;

}

posted @ 2016-12-02 10:50  贺小鸣  阅读(780)  评论(0编辑  收藏  举报
为尊重他人劳动成果,转载/摘抄请标明来源!