html - 样式化 <select> 菜单

Question

我有一个这样的选择菜单:

<select name="mySelect">
    <option value="250" selected="selected">250</option>
    <option value="500">500</option>
    <option value="1000">1000</option>
    <option value="1500">1500</option>
</select>

它的外观因操作系统而异，我希望它有不同的背景。问题是当我使用标准的 css 背景时，选择元素右侧的箭头仍然可见。

select {
  background: url(../images/bg_select.png);
}

我还想在选择列表打开时有不同的背景颜色。默认通常是蓝色和白色。

编辑: 看来我必须使用 javascript。是否有任何 jQuery 插件可以执行此操作？

Answer 1

您可能想看看这个:Cut & Paste DHTML Select menu .它使用 Javascript 将选择菜单替换为自定义 HTML。