共计 632 个字符,预计需要花费 2 分钟才能阅读完成。
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。
相关阅读
正文完