<!DOCTYPE html> <html lang="en"> <meta charset="UTF-8"> <title>CSS Reftest Reference</title> <link rel="author" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <link rel="stylesheet" href="../support/highlights.css"> <style> #ref { font-size: 60px; position: relative; color: transparent; } #ref > div { position: absolute; } #grammar-error > span { background-color: yellow; } #selection > span { background-color: rgba(0%, 50%, 100%, 0.5); /* a very lite blue color according to https://www.colorhexa.com/7fbfff */ color: yellow; } </style> <p>PREREQUISITE: User agent needs to have an enabled and capable grammar error module. If it does not, then this test does not apply to such user agent. <p>Test passes <ul> <li>if each glyph of the sentence is yellow <li>if "thing" has a desaturated lime green background <li>if the other words have a very lite blue background and <li>if there is no red. </ul> <div id="ref" class="highlight_reftest"> <div id="grammar-error">Many <span>thing</span> can happen.</div> <div id="selection"><span>Many thing can happen.</span></div> Many thing can happen. </div>