Hiding/disabling elements
<span hidden>Lorem ipsum dolor</span>
<span class="hidden">Lorem ipsum dolor</span>
Applies a
display: none to element.
<span class="nonvisible">Lorem ipsum dolor</span>
Applies a
visibility: hidden to element (keeps space used but hides it).
<span class="sr-only">Lorem ipsum dolor</span>
Makes element disappear but element remain vocalized by speech synthesis (
display: none/visibility: hidden elements won't be vocalized)
<a class="no-pointer-events">Lorem ipsum dolor</a>
Applies
If you need to remove pointer events on all children of an element, you may use
pointer-events: none to element.If you need to remove pointer events on all children of an element, you may use
no-pointer-events-children class.