Skip to content
Astera Technology

CSS native control state selectors

Group focus and parent matching from native checkbox states.

Astera Technology

Highlight a field group while its child has focus

Follow the border state while focus moves between two grouped fields and one outside field.

Practical lesson
Astera Technology

Style a parent from a native checkbox state

Use :has(input:checked) to change one local display border without JavaScript.

Practical lesson