:disabled

版本：CSS3

CSS 伪类:disabled表示任何被禁用的元素。如果一个元素不能被激活（如选择、点击或接受文本输入）或获取焦点，则该元素处于被禁用状态。元素还有一个启用状态（enabled state），在启用状态下，元素可以被激活或获取焦点。

语法:

E:disabled{sRules}

匹配用户界面上处于禁用状态的元素E。

浏览器支持

IE9+以及新版浏览器都支持:disabled

例子

这个例子显示基本的购物表单。通过使用 JavaScript change事件让用户启用/禁用付款字段。

//HTMLshipping address billing addresssame as shipping address: //CSSinput[type="text"]:disabled {background: #ccc;}//JavaScript// wait for the page to finish loadingdocument.addeventlistener('domcontentloaded', function () {// attach `change` event listener to checkboxdocument.getelementbyid('billing-checkbox').onchange = togglebilling;}, false);function togglebilling() {// select the billing text fieldsvar billingitems = document.queryselectorall('#billing input[type="text"]');// toggle the billing text fieldsfor (var i = 0; i input:enabled{background-color:pink;}

给选中的输入元素设置背景色

用户名:密 码 :.demo2 input:enabled{background-color:pink;}

给选中的输入元素设置背景色

用户名:密码: