24 lines
1.1 KiB
HTML
24 lines
1.1 KiB
HTML
<h3>Default Appearance</h3>
|
|
List color controls have different appearance if ENABLE(DATALIST).<br>
|
|
<input type="color"><input type="color" list>
|
|
<h3>Different Font Sizes</h3>
|
|
List color controls have different sizes depending on font sizes. Normal color controls don't.<br>
|
|
<input type="color" value="#00FF00" style="font-size:18px">
|
|
<input type="color" value="#00FF00" style="font-size:11px">
|
|
<input type="color" value="#00FF00" style="font-size:8px">
|
|
<input type="color" list value="#00FF00" style="font-size:18px">
|
|
<input type="color" list value="#00FF00" style="font-size:11px">
|
|
<input type="color" list value="#00FF00" style="font-size:8px">
|
|
<h3>Various Colors</h3>
|
|
<input type="color" value="#FF0000">
|
|
<input type="color" value="#00FF00">
|
|
<input type="color" value="#0000FF">
|
|
<input type="color" value="#EC008C">
|
|
<input type="color" value="#40e0d0">
|
|
<input type="color" value="#FF0000" list>
|
|
<input type="color" value="#00FF00" list>
|
|
<input type="color" value="#0000FF" list>
|
|
<input type="color" value="#EC008C" list>
|
|
<input type="color" value="#40e0d0" list>
|
|
<h3>Arbitrary Size</h3>
|
|
<input type="color" value="#FF0000" style="width:100px;height:30px;"> |