<!DOCTYPE html>
<meta name=fuzzy content="maxDifference=0-3; totalPixels=0-1000">
<script src="../../../resources/testdriver.js"></script>
<script src="../../../resources/testdriver-vendor.js"></script>
<script src="../resources/picker-common.js"></script>
<input type='color' value='#ff0000' list='colors'>
<datalist id='colors'>
<option value='#ff00ff'>F</option>
<option value='#eee00e'>E</option>
<option value='#d00ddd'>D</option>
<option value='#00cccc'>C</option>
<option value='#bbbb00'>B</option>
<option value='#aa00aa'>A</option>
<option value='#009999'>9</option>
<option value='#800888'>8</option>
<option value='#777700'>7</option>
<option value='#006666'>6</option>
<option value='#550055'>5</option>
<option value='#444004'>4</option>
<option value='#333300'>3</option>
<option value='#200222'>2</option>
<option value='#111001'>1</option>
<option value='#000000'>0</option>
<option value='#F00'>f00</option> <!--invalid-->
<option value='red'>red</option> <!--invalid-->
</datalist>
<script>
window.onload = openPickerAppearanceOnly(document.querySelector('input'));
</script>