:disabled

Avatar of Sara Cope
Sara Cope

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 全部 全部