19.4.2 E:enabled偽類選擇器與E:disabled偽類選擇器

q E:enabled偽類選擇器用來指定當元素處于可用狀態時的樣式。
q E:disabled偽類選擇器用來指定當元素處于不可用狀態時的樣式。

當一個表單中的元素經常在可用狀態與不可用狀態之間進行切換時，通常會將E: disabled偽類選擇器與E:enabled偽類選擇器結合使用，用E:disabled偽類選擇器來設置該元素處于不可用狀態時的樣式，用E: enabled偽類選擇器來設置該元素處于可用狀態時的樣式。

代碼清單19-19中給出了一個將E:disabled偽類選擇器與E:enabled偽類選擇器結合使用的示例，在該示例中有兩個radio單選框與一個文本框，在JavaScript腳本中編寫代碼，當用戶選中其中一個radio單選框時，文本框變為可用狀態，選中另一個radio單選框時，文本框變為不可用狀態。通過結合使用E: disabled偽類選擇器與E:enabled偽類選擇器，讓文本框處于不同的狀態時分別使用不同的樣式。

這段代碼的運行結果可分為如下兩種情況：
q 文本框處于可用狀態時的頁面顯示如圖19-28所示（背景色為黃色）。

q 文本框處于不可用狀態時的頁面顯示如圖19-29所示。

總結

以上是生活随笔為你收集整理的《HTML 5与CSS 3权威指南（第3版·下册）》——19.4.2 E:enabled伪类选择器与E:disabled伪类选择器...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。