:enabled

Avatar of Sara Cope
Sara Cope

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200美元免费额度!

CSS 中的:enabled伪类选择可聚焦且未禁用的元素,因此是启用的。它仅与表单元素(<input><select><textarea>)相关联。启用的元素包括您可以选择、可以输入数据的元素,或者您可以聚焦或点击的元素。

因此,当选中复选框时,并且您正在定位其紧随其后的标签

input:enabled + label {
  color: #333;
  font-style: italic;
}

如果复选框已启用,则标签文本将显示为深灰色和斜体,这意味着用户可以将其打开和关闭。

理论上,:enabled应该匹配具有href属性的<a><area><link>,但浏览器似乎无法处理这种情况。您可以设置未禁用的<button><input><textarea><optgroup><option><fieldset>的样式。当支持<menu>时,我们还应该能够定位<command><li>(如果未禁用)作为<menu>的子元素。

您可能还会认为,具有contenteditabletabindex属性的元素可以使用:enabled伪类进行选择。规范中没有说明这一点,浏览器也不支持。

Chrome Safari Firefox Opera IE Android iOS
全部 3.1 全部 9 9 全部 全部