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>
的子元素。
您可能还会认为,具有contenteditable
和tabindex
属性的元素可以使用:enabled
伪类进行选择。规范中没有说明这一点,浏览器也不支持。
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
全部 | 3.1 | 全部 | 9 | 9 | 全部 | 全部 |
对于一个教授 CSS 和 html 的网站来说,您的网站是我很长时间以来遇到的速度最慢的网站。
滚动速度很慢,甚至在此评论框中输入字符的速度也很慢。
我确信其他人也会因此而避免访问您的网站
干杯
对我来说速度很快。
当您说“它仅与表单元素(, , )相关联”时,您的意思是所有表单元素吗?还是仅列出的三个?
它似乎可以是所有表单元素?例如,button:enabled。
它与处于启用状态的任何 UI 元素相关联。在大多数(也许所有?)情况下,这将是表单控件,而按钮属于此类别。