| <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;"> |