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

給選中的輸入元素設置背景色

用戶名:密碼: