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.