:enabled

CSS :enabled 伪类选择器用于匹配任何启用状态的元素。

如果一个元素能够被激活（如选择、点击或接受文本输入）或获取焦点，则该元素是启用的。元素还有一个禁用的状态（disabled state），在被禁用时，元素不能被激活或获取焦点。

:enabled 伪类选择器通常用于匹配按钮（ <button> ），select下拉框元素（ <select> ），input元素（ <input> ）和textarea元素（ <textarea> ）。当这些元素处于 :enabled 状态时，它们可以进行输入，点击和获取焦点。

示例代码

/* 为页面中的所有启用状态的元素设置统一样式 */
:enabled {
    background-color: white;
    color: green;
    border: 1px solid black;
}

/* 为页面中启用状态的提交按钮设置样式 */
input[type="submit"]:enabled {
    border: 1px solid green;
}

在线演示

下面的例子为启用状态的元素设置绿色的文字。

禁用状态的复选按钮 可用状态的复选按钮


可用状态的单选按钮 禁用状态的单选按钮

浏览器支持

所有的现代浏览器都支持 :enabled 伪类，包括：Chrome, Firefox, Safari, Opera9+, Internet Explorer 9+ 以及 Android 和 iOS。

查看更多关于:enabled的详细内容...