| <!doctype html> |
| <meta charset="utf-8"> |
| <link rel="stylesheet" href="support/highlights.css"> |
| <style> |
| * { |
| text-decoration-skip-ink: none; |
| text-decoration-skip: none; |
| } |
| main { |
| font-size: 7em; |
| margin: 0.5em; |
| width: min-content; |
| } |
| .background { |
| width: 100%; |
| height: 0.25em; |
| background: #707070C0; |
| } |
| .unselected { |
| color: #E03838C0; |
| text-decoration: #C0C000C0 solid line-through; |
| } |
| .selected { |
| background: #38E038C0; |
| text-decoration: #663399C0 solid line-through; |
| } |
| .selected, .selected * { |
| color: #663399C0; |
| } |
| .selection { |
| text-decoration: #3838E0C0 solid underline; |
| } |
| </style> |
| <main class="highlight_reftest"> |
| <div class="hrt_layers"> |
| <div class="background"></div> |
| <div>qui<span class="unselected">ck</span></div> |
| <div><span class="selected"><span class="selection">qui</span></span>ck</div> |
| quick |
| </div> |
| </main> |