Как изменить фон выпадающего списка select'а, то есть фон option?

Question

[vohaha]

Как изменить фон тега option на прозрачный?

<select name="citySelect">
   <option selected value="opt1">Пункт 1</option>
   <option value="opt2">Пункт 2</option>
   <option value="opt3">Пункт 3</option>
   <option value="opt4">Пункт 4</option>
</select>

Answer 1

[Евгений Петров]

Для обычных невыделенных option всё просто

option{
	color:#fff;
	background:#369;
}

Но вас ведь интересует, как изменить подсветку выделенного option? Ответ — штатными средствами никак, только подставляя вместо них эмуляцию с помощью библиотек вроде этой или этой.

Comments

[vohaha]

@Petroveg Мне нужно что бы вместо синего фона (в вашем примере) был прозрачный. Подобным способом у меня не получается сделать. Есть "родной" способ для этого?

[Евгений Петров]

@vohaha повторю, если непонятно — нет. Никак.

Answer 2

[Игорь Васильев]

Здравствуйте.
Не знаю, как помогу вам, но подскажу, что копать надо в сторону селекторов для браузеров,читайте черновики по css, ещё это можно решить через javascript, а вообще на каждый html тег есть свои псевдоклассы, смотрите в каких браузерах и платформах это работает, потому что ещё не во всех поддерживается.
Вот интересная ссылка css-live.ru/articles-css/spisok-psevdoelementov-dl...
Помните о кроссбраузерности.