The :checked pseudo-class in CSS selects elements when they are in the selected state. It is only associated with input […]

input[type=checkbox]:checked { }

:current is a CSS pseudo-selector that matches an element or an ancestor of an element that’s currently in display. So, […]

:current { color: #fd5a1e; }

The ::checkmark pseudo-element gives us an indication on whether an element is selected or not, which we can style later on.

option::checkmark { /* ... */ }