CSS定义input disabled样式

　　disabled 属性规定应该禁用 input 元素。

　　被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。

　　以下三种写法都可以禁用 input

　　被禁用的 input 默认显示灰色，可以通过CSS修改样式。注：IE9及以下无法改变字体颜色。

　　1. 利用CSS3 :disabled 伪元素定义

　　//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. 利用类来定义bjbzj.codeplex.com;

　　shbjz.codeplex.com;

　　tjbjz.codeplex.com;

　　cqbjz.codeplex.com;

　　hebbjz.codeplex.com;

　　jlbjz.codeplex.com;

　　sybjz.codeplex.com;

　　dlbjz.codeplex.com;

　　asbjz.codeplex.com;

　　jnbjz.codeplex.com;

　　qdbjz.codeplex.com;

　　zbbjz.codeplex.com;

　　dybjz.codeplex.com;

　　ytbjz.codeplex.com;

　　wfbjz.codeplex.com;

　　tybjz.codeplex.com;

　　xamjz.codeplex.com;

　　sjzmt.codeplex.com;

　　tsmt.codeplex.com;

　　qhdmt.codeplex.com;

　　lybjz.codeplex.com;

　　zzmt.codeplex.com;

　　whmt.codeplex.com;

　　csbjz.codeplex.com;

　　wxbjz.codeplex.com;

　　njbjz.codeplex.com;

　　szbjz.codeplex.com;

　　nbbjz.codeplex.com;

　　hzbjz.codeplex.com;

　　fzbjz.codeplex.com;

　　xmbjz.codeplex.com;

　　kmbjz.codeplex.com;

　　cdbjz.codeplex.com;

　　hfbjz.codeplex.com;

　　gybjz.codeplex.com;

　　xzbjz.codeplex.com;

　　ntbjz.codeplex.com;

　　jsbjz.codeplex.com;

　　zjbjz.codeplex.com;

　　yzbjz.codeplex.com;

　　ncbjz.codeplex.com;

　　gzbjz.codeplex.com;

　　szjzb.codeplex.com;

　　zsbjz.codeplex.com;

　　stbjz.codeplex.com;

　　fsbjz.codeplex.com;

　　lzbjz.codeplex.com;

　　zhbjz.codeplex.com;

　　hzmt.codeplex.com;

　　ycbjz.codeplex.com;

　　xnbjz.codeplex.com;

　　whjz.codeplex.com;

　　czmt.codeplex.com;

　　bjbjz.codeplex.com;

　　shmt.codeplex.com;

　　tjjz.codeplex.com;

　　cqjz.codeplex.com;

　　hebjz.codeplex.com;

　　jljz.codeplex.com;

　　syjz.codeplex.com;

　　dljz.codeplex.com;

　　asjz.codeplex.com;

　　jnjz.codeplex.com;

　　qdjz.codeplex.com;

　　zbjz.codeplex.com;

　　dyjz.codeplex.com;

　　ytjz.codeplex.com;

　　wfjz.codeplex.com;

　　tyjz.codeplex.com;

　　xajz.codeplex.com;

　　sjbjz.codeplex.com;

　　tsjz.codeplex.com;

　　qhbjz.codeplex.com;

　　lyjz.codeplex.com;

　　zzjz.codeplex.com;

　　whbz.codeplex.com;

　　csjz.codeplex.com;

　　wxjz.codeplex.com;

　　njjz.codeplex.com;

　　szjz.codeplex.com;

　　nbjz.codeplex.com;

　　hzjz.codeplex.com;

　　fzjz.codeplex.com;

　　xmjz.codeplex.com;

　　kmjz.codeplex.com;

　　cdjz.codeplex.com;

　　hfjz.codeplex.com;

　　gyjz.codeplex.com;

　　xzjz.codeplex.com;

　　ntjz.codeplex.com;

　　jhjz.codeplex.com;

　　zjjz.codeplex.com;

　　yzjz.codeplex.com;

　　ncjz.codeplex.com;

　　gzjz.codeplex.com;

　　szgjz.codeplex.com;

　　zsjz.codeplex.com;

　　stjz.codeplex.com;

　　fsjz.codeplex.com;

　　lzjz.codeplex.com;

　　zhjz.codeplex.com;

　　fzmjz.codeplex.com;

　　ycjz.codeplex.com;

　　xnjz.codeplex.com;

　　whmjz.codeplex.com;

　　czjz.codeplex.com;

　　input.disabled{

　　border: 1px solid #DDD;

　　background-color: #F5F5F5;

　　color:#ACA899;

　　}

　　最终结果：

　　//Chrome Firefox Opera Safari IE9+

　　input:disabled{

　　border: 1px solid #DDD;

　　background-color: #F5F5F5;

　　color:#ACA899;

　　}

　　//IE8-

　　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;

　　}

　　注意：IE8 bug 由于IE8 不识别 :disabled 导致input[disabled],input:disabled样式失效，可以考虑单独来写，或者直接使用input[disabled]。;IE9及以下无法改变字体颜色。