Изменение цвета фона выбранных параметров в поле выбора

Question

Я должен создать поле выбора, как это.Мне удалось получить эту древовидную структуру с помощью optgroup, но я сталкиваюсь с проблемами при изменении цвета фона по умолчанию выбранной опции с цвета по умолчанию на этот оранжевый цвет.Я знаю о решениях js, но меня больше интересует чистое решение HTML / CSS.Было бы лучше, если бы он работал в каждом браузере, но без давления;)

Заранее спасибо.

Answer 1

Это невозможно сделать с помощью HTML / CSS.Цвета выбранных элементов зависят от операционной системы и не могут быть изменены с помощью CSS или HTML.Решения Javascript были разработаны, и они (пока) единственный способ сделать это:)

Answer 2

В Firefox вы можете использовать свойство css background-image вместе с селектором псевдокласса: checked CSS для достижения этого.

option:checked, option:hover {
    color: white;
    background: #488f8f repeat url("mycolor.gif");
}

Вы можете найти демо css с другим цветом на моем сайте www.speich.net