| <!DOCTYPE html> |
| <html class="reftest-wait"> |
| <meta charset="utf-8" /> |
| <title>CSS Text Decoration Test: text-decoration-line: spelling-error color dynamic</title> |
| <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> |
| <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-line-spelling-error"> |
| <meta name="assert" content="This test checks that it is possible to dinamically tweak the color of 'text-decoration-line: spelling-error' with 'text-decoration-color' property."> |
| <link rel="match" href="text-decoration-line-spelling-error-color-dynamic-001-ref.html"> |
| <script src="/common/reftest-wait.js"></script> |
| <style> |
| span { |
| text-decoration-line: spelling-error; |
| text-decoration-color: cyan; |
| } |
| </style> |
| |
| <p>The test passes if "quikc" has a magenta spelling error marker.</p> |
| <div>The <span id="target">quikc</span> brown fox.</div> |
| |
| <script> |
| requestAnimationFrame(() => requestAnimationFrame(() => { |
| target.style.textDecorationColor = "magenta"; |
| takeScreenshot(); |
| })); |
| </script> |
| </html> |