是否有可能以及如何使用css或javascript更改焦点下拉列表中项目的背景颜色?
由于
答案 0 :(得分:1)
这适用于大多数浏览器:
<html>
<head>
<style type="text/css">
option.red {background-color:red}
option.blue {background-color:blue}
option.white {background-color:white}
</style>
</head>
<select>
<option value="item 1" class="red">Item 1</option>
<option value="item 2" class="blue">Item 2</option>
<option value="item 3" class="white">Item 3</option>
</select>
</html>
这证明单个项目的颜色可以不同,但我不确定是否更改了OnFocus事件。
答案 1 :(得分:0)
您可以使用 J 的CSS示例或使用jQuery创建模板化下拉列表。有很多插件易于实现。 Here's一个例子。这个甚至允许图像。
答案 2 :(得分:-1)
如果本机列表不适合您,您可以使用JavaScript模拟下拉列表,并使用绝对定位的DIV
和样式。大多数UI框架都有大量列表。例如,请查看YUI。