:enabled選擇器
在Web的表單中，有些表單元素有可用（“:enabled”）和不可用（“:disabled”）狀態，比如輸入框，密碼框，複選框等。在默認情況之下，這些表單元素都處在可用狀態。
那麽我們可以通過偽選擇器“:enabled”對這些表單元素設置樣式。
通過“:enabled”選擇器，修改文本輸入框的邊框爲2像素的紅色邊框，並設置它的背景爲灰色。
HTML代碼:
<form action="#"> <div> <label for="name">Text Input:</label> <input type="text" name="name" id="name" placeholder="可用輸入框" /> </div> <div> <label for="name">Text Input:</label> <input type="text" name="name" id="name" placeholder="禁用輸入框" disabled="disabled" /> </div> </form>
CSS代碼：
div{
margin: 20px;
}
input[type="text"]:enabled {
background: #ccc;
border: 2px solid red;
}結果演示：
