如何更改显示选项的 HTML5 数据列表背景颜色 [重复]答案

【问题标题】：How to change HTML5 datalist background color for the displayed options [duplicate]如何更改显示选项的 HTML5 数据列表背景颜色 [重复]
【发布时间】：2015-06-20 01:59:41
【问题描述】：

我正在为我的应用程序使用数据列表。

点击箭头显示 3 个值（Crust1、Crust2 和 Crust3）

您能告诉我如何更改显示值的背景颜色

http://jsfiddle.net/jWaEv/77/

<input type="text" onkeypress="return RestrictVarchar(this,event,15);" id="topcrust-0" list="crustlist" class="crust" placeholder="Add Crust">
<datalist id="crustlist" "="">
<option>Crust1</option>
<option>Crust2</option>
<option>Crust3</option>
</datalist>

<input type="hidden" id="topcrustid-0" value="">

【问题讨论】：

下拉菜单项的背景颜色？你的问题不是很清楚
<datalist id="crustlist" "="">最后的引号是不是有问题？
是的，我需要更改显示项目的背景颜色
更新了这个链接的代码。 jsfiddle.net/jWaEv/78

标签： javascript css

【解决方案1】：

目前，无法设置 <option> 标记的样式。

如果你真的想实现这一点，你将不得不构建一个“hack”并模拟一个下拉菜单，而不使用<select> 标签。

请看这里：How to style the <option> with only CSS?

【讨论】：