MDN によると、このlist属性<input>を type の要素に使用しcolorて、定義済みの色のリストを提供できます。そのページは、少なくとも Chrome でサポートされていることも示していlistます。
ただし、いくつかの色を指定すると、Chrome 67 を使用して期待どおりに表示されませんでした。代わりに、空のアイテムのみがカラー ピッカー ポップアップに表示され、それらをクリックすると、入力の値が に設定されましたrgba(0, 0, 0, 0)。
簡単な例:
<input type="color" list="presetColors">
<datalist id="presetColors">
<option value="#ff0000"/>
<option value="#00ff00"/>
<option value="#0000ff"/>
</datalist>
rgb()CSS で使用されているようなさまざまな形式で色を指定しようとしredました。
HTML仕様を見ると、入力は6文字の16進形式として定義されている「小文字の単純な色」のみを受け入れると書かれています。
それで、それはChromeのバグですか、それとも別の形式で色を指定することになっていますか?
