如何使用 disabled CSS pseudo-class 来设置带有 aria-disabled 属性的元素的样式?
How to use disabled CSS pseudo-class to style element with aria-disabled attributes?
我正在创建一个按钮组件,使用 aria-disabled
而不是 disabled
属性来管理禁用状态,以满足可访问性要求。
之前我使用 CSS 伪 class :disabled
来设置禁用组件的样式。有没有一种方法可以将它与 aria-disabled="true"
一起使用来设置按钮的样式和一般的 aria-*
属性?
只需应用 attribute selector 而不是 :disabled
:
[aria-disabled="true"] { /* your declarations */ }
我正在创建一个按钮组件,使用 aria-disabled
而不是 disabled
属性来管理禁用状态,以满足可访问性要求。
之前我使用 CSS 伪 class :disabled
来设置禁用组件的样式。有没有一种方法可以将它与 aria-disabled="true"
一起使用来设置按钮的样式和一般的 aria-*
属性?
只需应用 attribute selector 而不是 :disabled
:
[aria-disabled="true"] { /* your declarations */ }