CSS定义input disabled样式

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

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

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

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

　　bjkp.page4.me;

　　bjafp.page4.me;

　　bjsfp.page4.me;

　　bjffp.page4.me;

　　shdfp.page4.me;

　　shafp.page4.me;

　　shsfp.page4.me;

　　shffp.page4.me;

　　shgfp.page4.me;

　　tjfp.page4.me;

　　tjafp.page4.me;

　　tjsfp.page4.me;

　　tjdfp.page4.me;

　　tjffp.page4.me;

　　cqfp.page4.me;

　　cqafp.page4.me;

　　cqsfp.page4.me;

　　cqdfp.page4.me;

　　cqffp.page4.me;

　　heafp.page4.me;

　　hesfp.page4.me;

　　hedfp.page4.me;

　　heffp.page4.me;

　　hegfp.page4.me;

　　jlfp.page4.me;

　　jlafp.page4.me;

　　jlsfp.page4.me;

　　jldfp.page4.me;

　　jlffp.page4.me;

　　ccfp.page4.me;

　　ccafp.page4.me;

　　ccsfp.page4.me;

　　ccdfp.page4.me;

　　ccffp.page4.me;

　　syfp.page4.me;

　　syafp.page4.me;

　　sysfp.page4.me;

　　sydfp.page4.me;

　　syffp.page4.me;

　　dlfp.page4.me;

　　dlafp.page4.me;

　　dlsfp.page4.me;

　　dldfp.page4.me;

　　dlffp.page4.me;

　　asfp.page4.me;

　　asafp.page4.me;

　　assfp.page4.me;

　　asdfp.page4.me;

　　asffp.page4.me;

　　jnfp.page4.me;

　　jnafp.page4.me;

　　jnsfp.page4.me;

　　jndfp.page4.me;

　　jnffp.page4.me;

　　jngfp.page4.me;

　　qdfp.page4.me;

　　qdafp.page4.me;

　　qdsfp.page4.me;

　　qddfp.page4.me;

　　qdffp.page4.me;

　　qdgfp.page4.me;

　　zbfp.page4.me;

　　zbsfp.page4.me;

　　zbafp.page4.me;

　　zbdfp.page4.me;

　　dyfp.page4.me;

　　dyafp.page4.me;

　　ytfp.page4.me;

　　ytafp.page4.me;

　　ytsfp.page4.me;

　　wffp.page4.me;

　　wfafp.page4.me;

　　wfsfp.page4.me;

　　wfdfp.page4.me;

　　tyfp.page4.me;

　　tyafp.page4.me;

　　tysfp.page4.me;

　　tydfp.page4.me;

　　tyffp.page4.me;

　　xaafp.page4.me;

　　xasfp.page4.me;

　　xadfp.page4.me;

　　xaffp.page4.me;

　　xagfp.page4.me;

　　sjzfp.page4.me;

　　sjafp.page4.me;

　　sjsfp.page4.me;

　　sjdfp.page4.me;

　　sjffp.page4.me;

　　sjgfp.page4.me;

　　tsfp.page4.me;

　　tsafp.page4.me;

　　tssfp.page4.me;

　　tsdfp.page4.me;

　　qhdfp.page4.me;

　　qhafp.page4.me;

　　lyfp.page4.me;

　　lyafp.page4.me;

　　lysfp.page4.me;

　　lydfp.page4.me;

　　zzfp.page4.me;

　　zzafp.page4.me;

　　zzsfp.page4.me;

　　zzdfp.page4.me;

　　whfp.page4.me;

　　whafp.page4.me;

　　whsfp.page4.me;

　　whdfp.page4.me;

　　whffp.page4.me;

　　csfp.page4.me;

　　csafp.page4.me;

　　cssfp.page4.me;

　　csdfp.page4.me;

　　csffp.page4.me;

　　wxfp.page4.me;

　　wxafp.page4.me;

　　wxsfp.page4.me;

　　wxdfp.page4.me;

　　wxffp.page4.me;

　　njfp.page4.me;

　　njafp.page4.me;

　　njsfp.page4.me;

　　njdfp.page4.me;

　　njffp.page4.me;

　　szfp.page4.me;

　　szafp.page4.me;

　　szsfp.page4.me;

　　szdfp.page4.me;

　　szffp.page4.me;

　　nbfp.page4.me;

　　nbafp.page4.me;

　　nbsfp.page4.me;

　　nbdfp.page4.me;

　　nbffp.page4.me;

　　hzafp.page4.me;

　　hzsfp.page4.me;

　　hzdfp.page4.me;

　　hzffp.page4.me;

　　hzgfp.page4.me;

　　fzfp.page4.me;

　　fzafp.page4.me;

　　fzsfp.page4.me;

　　fzdfp.page4.me;

　　fzffp.page4.me;

　　xmfp.page4.me;

　　xmafp.page4.me;

　　xmsfp.page4.me;

　　xmdfp.page4.me;

　　xmffp.page4.me;

　　kmfp.page4.me;

　　kmafp.page4.me;

　　kmsfp.page4.me;

　　kmdfp.page4.me;

　　kmffp.page4.me;

　　cdfp.page4.me;

　　cdafp.page4.me;

　　cdsfp.page4.me;

　　cddfp.page4.me;

　　cdffp.page4.me;

　　hffp.page4.me;

　　hfafp.page4.me;

　　hfsfp.page4.me;

　　hfdfp.page4.me;

　　hfffp.page4.me;

　　gyfp.page4.me;

　　gyafp.page4.me;

　　gysfp.page4.me;

　　gydfp.page4.me;

　　gyffp.page4.me;

　　xzfp.page4.me;

　　xzafp.page4.me;

　　xzsfp.page4.me;

　　xzdfp.page4.me;

　　xzffp.page4.me;

　　ntfp.page4.me;

　　ntafp.page4.me;

　　ntsfp.page4.me;

　　ntdfp.page4.me;

　　jhfp.page4.me;

　　jhafp.page4.me;

　　jhsfp.page4.me;

　　zjfp.page4.me;

　　zjafp.page4.me;

　　zjsfp.page4.me;

　　zjdfp.page4.me;

　　yzfp.page4.me;

　　yzafp.page4.me;

　　yzsfp.page4.me;

　　yzdfp.page4.me;

　　ncfp.page4.me;

　　ncafp.page4.me;

　　ncsfp.page4.me;

　　ncdfp.page4.me;

　　ncffp.page4.me;

　　gzfp.page4.me;

　　gzafp.page4.me;

　　gzsfp.page4.me;

　　gzdfp.page4.me;

　　gzffp.page4.me;

　　szqfp.page4.me;

　　szwfp.page4.me;

　　szzfp.page4.me;

　　szxfp.page4.me;

　　szcfp.page4.me;

　　zsfp.page4.me;

　　zsafp.page4.me;

　　zsvfp.page4.me;

　　stfp.page4.me;

　　stafp.page4.me;

　　stsfp.page4.me;

　　。

　　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. 利用类来定义

　　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及以下无法改变字体颜色。