14

MDN によると、このlist属性<input>を type の要素に使用しcolorて、定義済みの色のリストを提供できます。そのページは、少なくとも Chrome でサポートされていることも示していlistます。

ただし、いくつかの色を指定すると、Chrome 67 を使用して期待どおりに表示されませんでした。代わりに、空のアイテムのみがカラー ピッカー ポップアップに表示され、それらをクリックすると、入力の値が に設定されましたrgba(0, 0, 0, 0)

<input type= の定義済みの色

簡単な例:

<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のバグですか、それとも別の形式で色を指定することになっていますか?

4

2 に答える 2