DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!
:disabled
伪类选择器为可以接收用户输入的 HTML 元素提供了条件样式,当元素具有 disabled
属性时。它在 CSS 选择器级别 3 规范 中被定义为“UI 元素状态伪类”,这意味着它用于根据用户与输入元素的交互来设置内容样式。
可以接收 disabled
属性的元素包括 <button>
、<input>
、<textarea>
、<optgroup>
、<option>
和 <fieldset>
。设置此属性有两种有效的语法:disabled="disabled"
或(在 HTML5 中)简单的 disabled
布尔关键字。如果元素无法激活(例如,选择、单击或接受文本输入)或无法获取焦点,则该元素处于禁用状态。
可以使用 :disabled
伪类选择器来设置此类元素的样式
Check out this Pen!
要点
:disabled
可以与其他伪选择器“链接”:例如:before
或:after
生成图标或文本以提供更多用户反馈。- 当从 HTML 元素中添加或移除
disabled
属性时,可以使用 CSS 过渡或动画进行动画处理的任何属性都将被正确地进行动画处理。
相关属性
其他资源
浏览器支持
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
全部 | 3.1 | 全部 | 9 | 9 | 全部 | 全部 |
对此没有描述吗?
是的
你好,
我想更改禁用控件选择(下拉列表)的文本颜色。特别是对于 ie 10 和 11。我该怎么做呢?下面的代码中,一个文本颜色应该为红色。
示例代码
一
二
三
fdghfdg
ssss
你好,我来评论一下。好吧,再见
在我的设置了 ng-disabled 的 Angular 应用程序中,这不起作用,仅供参考
在我的 Angular 应用程序中似乎工作正常,例如
select option:disabled { background-color:#ddd; }
请注意,
:before
和:after
伪类在<input/>
上不起作用,因为它是一个自闭合标签,不能包含其他元素(即使是伪元素)。例如……
.myclass:disabled { background-color:#7c6a58; }