如何使用禁用的 CSS 伪类来设置具有 aria-disabled 属性的元素样式？

Question

我正在创建一个按钮组件，用于aria-disabled管理禁用状态而不是disabled属性来满足可访问性要求。

早些时候，我使用 CSS 伪类:disabled来设置禁用组件的样式。有没有办法使用它来aria-disabled="true"设置按钮和aria-*属性的样式？

Answer 1

只需应用属性选择器而不是:disabled：

[aria-disabled="true"] { /* your declarations */ }