:enabled | CSS属性参考

09-04 次

标签 css教程 css属性伪类

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;
}