HTML5 datalist不同选项的颜色不同

Question

HTML5 datalist不同选项的颜色不同

3

我有以下代码示例：

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

有没有可能给“Bart”选项添加样式，比如用 style="color: yellow" 将其涂成黄色？

- john Smith

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- jbator · Answer 1

浏览器为这些元素（datalist、select、option）定义了自己的样式，您无法对其进行样式设置。

- praedrou · Answer 2

你可以使用属性访问来使用 CSS：

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

这将会改变 <option value="Bart"> 标签的颜色为黄色