html5 datalist用于不同选项的不同颜色

Question

我有以下代码示例：

 <label>
  Enter your favorite cartoon character:<br />
  <input type="text" name="favCharacter" list="characters" maxlength="50" style="width:95%;">
   <datalist id="characters">
    <option value="Homer Simpson">
    <option value="Bart">
    <option value="Fred Flinstone">
   </datalist>
 </label>

是否可以设计＆＃34; Bart＆＃34;选项，例如用黄色涂漆 - style =＆＃34;颜色：黄色＆＃34; ？

Answer 1

浏览器为这些元素定义自己的样式（datalist，select，option），你不能为它们设置样式。

Answer 2

您可以使用CSS使用属性访问权限：

option[value="Bart"] {
    color: yellow;
}

这会将<option value="Bart">代码

的颜色更改为黄色