Стилизация <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

Вы можете посмотреть на это: Вырезать и вставить DHTML Выберите меню .Он использует Javascript для замены меню выбора пользовательским HTML.

Answer 2

все слушатели select и используют jquery для запуска классов add / remove, классы должны работать нормально