語法
螢幕閱讀器screen-readers
Style utility for imporving the accessibility with screen readers.
Overview
| Class | Declarations |
|---|---|
sr-only | position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="sr-only:hover sr-only@sm sr-only@dark sr-only@print">…</div>