设置<选择>菜单</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元素右侧的箭头仍然可见。

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

打开选择列表时，我还希望有不同的背景颜色。默认值通常为蓝色和白色。

编辑：看起来我必须使用javascript。有没有jQuery插件可以做到这一点？

Answer 1

您可能希望看一下：Cut & Paste DHTML Select menu。它使用Javascript将自定义HTML替换为选择菜单。

Answer 2

所有监听器都选择并使用jquery来触发类 添加/删除类应该可以正常工作