CSS3 :disabled 伪类

定义和用法

CSS :disabled 伪类用于选择并设置任何禁用元素的样式（主要用于表单元素）。

提示：:enabled 伪类用于选择并设置任何启用元素的样式（主要用于表单元素）。

实例

例子 1

为所有禁用的 <input> 元素设置浅灰色背景颜色，并为所有启用的 <input> 元素设置黄色背景颜色：

input:disabled {
background-color: lightgray;
}

input:enabled {
background-color: yellow;
}

亲自试一试

例子 2

为所有禁用的 <option> 元素设置背景颜色：

option:disabled {
  background-color: lighgray;
}

亲自试一试

CSS 语法

:disabled {
  css declarations;
}

技术细节

版本： CSS3

浏览器支持

表格中的数字指定了完全支持该伪类的首个浏览器版本。

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6

相关页面

参考：CSS :enabled 伪类