:disabled 選擇器 · CSS基礎

## :disabled 選擇器 ### 定義和用法一些元素具有啟用和禁用狀態，例如表單元素。 :disabled 選擇器匹配每個禁用的的元素（主要用于表單元素）。:enabled 選擇器不匹配任何無法禁用的元素。 ## 實例1--設置所有type="text"的禁用的輸入元素的背景顏色： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> input[type="text"]:enabled { background:#ffff00; } input[type="text"]:disabled { background:#dddddd; } </style> </head> <body> <form action=""> First name: <input type="text" value="Mickey" /><br> Last name: <input type="text" value="Mouse" /><br> Country: <input type="text" disabled="disabled" value="Disneyland" /><br> </form> </body> </html> ``` ## 實例2--為所有禁用的輸入元素設置背景色： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> input:enabled { background:#ffff00; } input:disabled { background:#dddddd; } </style> </head> <body> <form action=""> First name: <input type="text" value="Mickey" /><br> Last name: <input type="text" value="Mouse" /><br> Country: <input type="text" disabled="disabled" value="Disneyland" /><br> Password: <input type="password" name="password" /> <input type="radio" value="male" name="gender" /> Male<br> <input type="radio" value="female" name="gender" /> Female<br> <input type="checkbox" value="Bike" /> I have a bike<br> <input type="checkbox" value="Car" /> I have a car </form> </body> </html> ```