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

Question

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

之前我使用 CSS 伪类:disabled来设置禁用组件的样式。有没有办法使用它来设置按钮和属性的一般aria-disabled="true"样式？aria-*

标签： htmlcssaccessibility

Answer 1

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

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