| 1 |
|
| 2 | /* https://www.tpgi.com/short-note-on-making-your-mark-more-accessible/ */
|
| 3 |
|
| 4 | @media screen and (-ms-high-contrast: active) {
|
| 5 | mark {
|
| 6 | color: HighlightText;
|
| 7 | background-color: Highlight;
|
| 8 | }
|
| 9 | }
|
| 10 |
|
| 11 | mark::before, mark::after {
|
| 12 | content:" [highlight start] ";
|
| 13 | clip-path: inset(100%);
|
| 14 | clip: rect(1px, 1px, 1px, 1px);
|
| 15 | height: 1px;
|
| 16 | width: 1px;
|
| 17 | overflow: hidden;
|
| 18 | position: absolute;
|
| 19 | white-space: nowrap;
|
| 20 | }
|
| 21 |
|
| 22 | mark::after {
|
| 23 | content:" [highlight end] ";
|
| 24 | }
|
| 25 |
|