select-appearance-switching-invalidation-ref.html (615B)
1 <!DOCTYPE html> 2 <link rel=stylesheet href="resources/customizable-select-styles.css"> 3 4 <style> 5 .blue { 6 color: blue; 7 } 8 </style> 9 10 <div class=customizable-select-button popovertarget=popover id=button> 11 <span class=customizable-select-selectedoption>button</span> 12 </div> 13 <div id=popover popover=auto anchor=button class=customizable-select-popover> 14 <div class="customizable-select-option selected"> 15 <span class=blue>option</span> one 16 </div> 17 <div class=customizable-select-option> 18 <span class=blue>option</span> two 19 </div> 20 </div> 21 22 <script> 23 document.getElementById('popover').showPopover(); 24 </script>