picker-and-slotted-ref.html (702B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 4 <link rel="author" title="Google" href="http://www.google.com/"> 5 <script src="/resources/testdriver.js"></script> 6 <script src="/resources/testdriver-vendor.js"></script> 7 8 <style> 9 select, select::picker(select) { 10 appearance: base-select; 11 } 12 select::picker(select) { 13 border: thick solid blue; 14 background: lime; 15 color: maroon; 16 } 17 </style> 18 19 <select> 20 <option>one</option> 21 <option>two</option> 22 </select> 23 24 <script> 25 26 (async () => { 27 await test_driver.bless(); 28 document.querySelector('select').showPicker(); 29 document.documentElement.classList.remove('reftest-wait'); 30 })(); 31 32 </script>