combobox-nonnative-when-styled-ref.html (1280B)
1 <!DOCTYPE HTML> 2 <style> 3 select { inline-size: 2.5em } 4 </style> 5 <div style="position:relative"> 6 <!-- mask the dropdown button --> 7 <div style="position:absolute; width:50px; left:7px; top:0; bottom:0; background:black;"></div> 8 <!-- these should make the select non-native --> 9 <select size="1" style="-moz-appearance: none; border-width: 0"></select><br> 10 <select size="1" style="-moz-appearance: none; border-width: 1px"></select><br> 11 <select size="1" style="-moz-appearance: none; border-width: 2px"></select><br> 12 <select size="1" style="-moz-appearance: none; border-width: 3px"></select><br> 13 <select size="1" style="-moz-appearance: none; border-width: 4px"></select><br> 14 <select size="1" style="-moz-appearance: none; border-width: 5px"></select><br> 15 <select size="1" style="-moz-appearance: none; border-width: 6px"></select><br> 16 <select size="1" style="-moz-appearance: none; border-style: dotted"></select><br> 17 <select size="1" style="-moz-appearance: none; border-color: green"></select><br> 18 <select size="1" style="-moz-appearance: none; background-color: transparent"></select><br> 19 <select size="1" style="-moz-appearance: none; background-color: white"></select><br> 20 </div> 21 22 <!-- these should let it stay native --> 23 <select size="1"></select> 24 <select size="1"></select>