:checked

Since: UXP v3.0

Matches when the selected element is checked.

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

Example:

input:checked {
    background-color: blue;
}
CopyCopied to your clipboard
1input:checked {
2    background-color: blue;
3}

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 8/10/2021

Was this helpful?

Yes

No