:enabled 选择器 · CSS基础

## :enabled 选择器 ### 定义和用法一些元素具有启用和禁用状态，例如表单元素。 :enabled 选择器匹配每个启用的的元素（主要用于表单元素）。:enabled 选择器不匹配任何无法禁用的元素。 ## 实例--设置所有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> ```