如何更改显示的选项的HTML5 datalist背景颜色

时间:2015-04-14 12:44:39

标签: javascript css

我正在为我的应用程序使用datalist。

点击箭头,显示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="">

1 个答案:

答案 0 :(得分:0)

目前,无法设置<option>代码的样式。

如果您真的想实现这一目标,则必须构建“黑客”并在不使用<select>标记的情况下模拟下拉列表。

见这里:How to style the <option> with only CSS?