:checked

Since UXP v3.0

Matches when the selected element is checked.

See: https://developer.mozilla.org/en-US/docs/Web/CSS/:checked

Example:

Copy
input:checked {
    background-color: blue;
}
Copied to your clipboard
input:checked {
    background-color: blue;
}

Quirks and Exceptions

• Only works for <input type="checkbox">. Does not work for Spectrum UXP components or radio buttons. For Spectrum UXP checkboxes, use an attribute selector (e.g., [checked]).

Last updated 3/8/2023

Was this helpful?

Yes

No