如何使用 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 */ }