caret-shape-underscore-001.html (960B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>caret-shape underscore</title> 5 <link rel="help" href="https://drafts.csswg.org/css-ui/#caret-shape"> 6 <link rel="mismatch" href="caret-shape-underscore-001-notref-1.html"> 7 <link rel="mismatch" href="caret-shape-underscore-001-notref-2.html"> 8 <link rel="mismatch" href="caret-shape-underscore-001-notref-3.html"> 9 <meta name="assert" content="Test checks that caret-shape underscore works as expected"> 10 <script src="/common/reftest-wait.js"></script> 11 <style> 12 #target { 13 font-size: 3em; 14 caret-color: green; 15 caret-shape: underscore; 16 caret-animation: manual; 17 } 18 #target:focus { 19 outline: none; 20 } 21 </style> 22 <p>Test passes if, when the text below is focused for editing, the text insertion caret is a green underscore.</p> 23 <div id="target" contenteditable spellcheck="false">test</div> 24 <script> 25 document.getElementById("target").focus(); 26 takeScreenshot(); 27 </script>