Labels trigger states for associated inputs
- Published at
- Updated at
- Reading time
My friend Tom shared a fascinating link. Roma Komarov describes that when you define pseudo-classes like
:active for an input element, these styles are also applied to the element when an associated label is e.g. hovered.
See this behavior in action below.
The input field turns purple whenever you hover its associated label. 🤯
Check out the examples in the article yourself. That's wild stuff!