css3 选择器 CSS3 :enabled 选择器

css3 选择器

CSS3 选择器是 CSS3 中新增的一种选择器，它可以帮助我们更加精确地定位 HTML 元素，从而让我们能够更好地定义样式。

CSS3 选择器主要分为三大类：属性选择器、伪类选择器、伪元素选择器。

1. 属性选择器：可以根据 HTML 元素的特定属性来进行选择，如 id、class 等。
2. 伪类选择器：可以根据 HTML 元素的特定状态来进行选择，如链接的不同状态、表单元素的不同状态。
3. 伪元素选择器：可以根据 HTML 元素的特定部分来进行选择，如首字、末字、首行、末行。

使用 CSS3 选择器时要注意浏览器兼容性问题，不同浏览器对 CSS3 选择器的兼容性也是不一样的。因此在使用 CSS3 选择器时要注意浏览器兼容性问题，尽量使用能够得到广泛兼容的 CSS3 选择器。

CSS3 :enabled 选择器

CSS3 :enabled 选择器

完整CSS选择器参考手册

定义和用法

一些元素具有启用和禁用状态，例如表单元素。

:enabled 选择器匹配每个启用的的元素（主要用于表单元素）。:enabled 选择器不匹配任何无法禁用的元素。

---

实例

实例 1

设置所有type="text"的启用的输入元素的背景颜色：

input[type="text"]:enabled
{
  background:#ffff00;
}

实例 2

为所有启用的输入元素设置背景色：

input:enabled
{
  background:#ffff00;
}

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

选择器
:enabled	4.0	9.0	3.5	3.2	9.6

---

完整CSS选择器参考手册