@ou-imdt/css/src/utility/proposed/aria-disabled.css

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

/* TODO: Needs research */

fieldset[aria-disabled] input,
input[aria-disabled="true"],
input[type="checkbox"][aria-disabled="true"]:after,
input[type="radio"][aria-disabled="true"]:after {
    pointer-events: none;
    cursor: not-allowed;
    background: var(--input-disabled-bg-color);
    color: var(--input-disabled-fg-color);
    opacity: var(--input-disabled-opacity);
}

button[aria-disabled="true"],
.button[role="button"][tabindex][aria-disabled="true"] {
    pointer-events: none;
    cursor: not-allowed;
    background: var(--btn-disabled-bg-color);
    color: var(--btn-disabled-fg-color);
    filter: var(--btn-disabled-filter);
    opacity: var(--btn-disabled-opacity);
}