focus-within-006-ref.html (953B)
1 <!DOCTYPE html> 2 <html lang=en class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>Selectors Level 4: focus-within Reference File</title> 5 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> 6 <style> 7 :focus { 8 outline: none; 9 10 /* Make the caret invisible 11 since it matches the color of the text, which is transparent, 12 while keeping the text readable thanks to its shadow. 13 Not using the caret-color property as it is too new to be relied on. */ 14 color: transparent; text-shadow: black 0px 0px 0px; 15 } 16 17 div { 18 border: solid 15px green; 19 } 20 </style> 21 <p>Test passes if, when the element below is focused, 22 it is surrounded by a thick green border. 23 There must be no red or blue once it is focused.</p> 24 <div> 25 <input id="focusme" value="Focus this element"> 26 </div> 27 <script> 28 var focusme = document.getElementById('focusme'); 29 focusme.focus(); 30 document.documentElement.classList.remove('reftest-wait'); 31 </script> 32 </html>