Source code

Revision control

Other Tools

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="border-width: 0"></select><br>
10
<select size="1" style="border-width: 1px"></select><br>
11
<select size="1" style="border-width: 2px"></select><br>
12
<select size="1" style="border-width: 3px"></select><br>
13
<select size="1" style="border-width: 4px"></select><br>
14
<select size="1" style="border-width: 5px"></select><br>
15
<select size="1" style="border-width: 6px"></select><br>
16
<select size="1" style="border-style: dotted"></select><br>
17
<select size="1" style="border-color: green"></select><br>
18
<select size="1" style="background-color: transparent"></select><br>
19
<select size="1" style="background-color: white"></select><br>
20
</div>
21
22
<!-- these should let it stay native -->
23
<select size="1" style="color: black"></select>
24
<select size="1" style="font-weight: normal"></select>