:enabled
试一试
语法
:enabled
示例
以下示例使文本和按钮 <input>
在启用时颜色为绿色,在禁用时颜色为灰色。这有助于用户了解哪些元素可以交互。
HTML
html
<form action="url_of_form">
<label for="FirstField">First field (enabled):</label>
<input type="text" id="FirstField" value="Lorem" /><br />
<label for="SecondField">Second field (disabled):</label>
<input type="text" id="SecondField" value="Ipsum" disabled /><br />
<input type="button" value="Submit" />
</form>
CSS
css
input:enabled {
color: #2b2;
}
input:disabled {
color: #aaa;
}
结果
规范
规范 |
---|
HTML 标准 # 选择器启用 |
选择器级别 4 # 启用禁用 |
浏览器兼容性
BCD 表格仅在浏览器中加载