Можно ли отКССить option:hover
есть
[highlight=html]
<select>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
[/highlight]
Делаю:
[highlight=css]
select > option {
background-color:white;
}
[/highlight]
Все классно.
А вот как сделать:
[highlight=css]
select > option:hover {
background-color:#dddddd;
}
[/highlight]
[highlight=html]
<select>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
[/highlight]
Делаю:
[highlight=css]
select > option {
background-color:white;
}
[/highlight]
Все классно.
А вот как сделать:
[highlight=css]
select > option:hover {
background-color:#dddddd;
}
[/highlight]
ну с подменой select-а это я знаю..
интересуют другие решения.. гугл пока молчит
Нет других решений всё равно заменять.
С select multiple="multiple" hover нормально отрабатывает, но для выделенных элементов бг всёравно перегружен (покрайней мере в ff)
[Оффтоп]Двигать со своей страничкой тему к винде с нужным оформлением списка:)[/Оффтоп]
С select multiple="multiple" hover нормально отрабатывает, но для выделенных элементов бг всёравно перегружен (покрайней мере в ff)
[Оффтоп]Двигать со своей страничкой тему к винде с нужным оформлением списка:)[/Оффтоп]
с этими селектами вообще всё плохо. штандартный системный компонент как ни пляши. им даже select > option { background-color } не очень идёт в разных браузерах. чтобы добиться цвета в самом селекте приходится применить JavaScript, ибо в IE работает и с CSS, а в FF нихрена. Просто беда какая-то.
Т.е. вот:
[ATTACH]4640[/ATTACH]
Стиль применён, но система или браузер его игнорируют, так что никак.
[ATTACH]4640[/ATTACH]
Стиль применён, но система или браузер его игнорируют, так что никак.
Стандартными средствами это сделать невозможно. Только скриптом.
Цитата: RussianSpy
Стандартными средствами это сделать невозможно. Только скриптом.
Что значит скриптом? Подмена селекта своим псевдо-селектом?
Или действительно замена бэкграунда у селекта?
Цитата: Lone Wolf
Подмена селекта своим псевдо-селектом?
Именно, через js хоть событие mouseover отрабатывает бг не меняется.
Вобще это во всех браузерах по разному, в некоторых работает в большинстве - нет.
Цитата: Lone Wolf
Что значит скриптом? Подмена селекта своим псевдо-селектом?
Или действительно замена бэкграунда у селекта?
Или действительно замена бэкграунда у селекта?
Это значит, что есть специальные плагины для разных популярных JS фреймворков, которые реализуют функционал Selectbox'а с помощью хитрой комбинации блоков и слоев. Вот к примеру:
http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/