下拉列表背景颜色

时间:2009-12-22 13:31:02

标签: javascript html css drop-down-menu

是否有可能以及如何使用css或javascript更改焦点下拉列表中项目的背景颜色?

由于

3 个答案:

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