Как изменить цвет синей подсветки в раскрывающемся списке выбора windows

Да, вы можете изменить фон select но вы не сможете изменить цвет подсветки (когда вы наводите) с помощью CSS!

У вас есть несколько вариантов:

1. Преобразование select в ul, li вид select и делать все, что вы хотите с этим.

2. Используйте библиотеки, такие как Choosen , Select2 или jQuery Form Styler . Они позволяют вам стиль гораздо более широким и кросс-браузерным способом.

Я считаю, что вы ищете свойство CSS структуры (в сочетании с активными и зависающими атрибутами psuedo):

 /* turn it off completely */ select:active, select:hover { outline: none } /* make it red instead (with with same width and style) */ select:active, select:hover { outline-color: red } 

Полная информация о контурах, набросках, очертаниях и очертаниях https://developer.mozilla.org/en-US/docs/Web/CSS/outline

Просто нашел это, ища решение. Я тестировал только FF 32.0.3

 box-shadow: 0 0 10px 100px #fff inset; 

Чтобы оба стиля отображали цвет наведения и избегали цвета ОС по умолчанию в Firefox, вам нужно добавить тень windows как для опции выбора, так и выбрать опцию: объявления наведения, задающие цвет тени в окне «выбрать вариант» для цвет фона меню.

 select option { background: #f00; color: #fff; box-shadow: inset 20px 20px #f00 } select option:hover { color: #000; box-shadow: inset 20px 20px #00f; } 

попробуйте это. Я знаю, что это старый пост, но это может помочь кому-то

 select option:hover, select option:focus, select option:active { background: linear-gradient(#000000, #000000); background-color: #000000 !important; /* for IE */ color: #ffed00 !important; } select option:checked { background: linear-gradient(#d6d6d6, #d6d6d6); background-color: #d6d6d6 !important; /* for IE */ color: #000000 !important; } 

Это работает для firefox и chrome, изящно отходит от цвета системы в IE. Просто не забудьте установить свойство title для содержимого параметра. Он позволяет установить цвета фона и переднего плана.

 select option:checked:after { content: attr(title); background: #666; color: #fff; position: absolute; width: 100%; left: 0; border: none; } 

я только что нашел этот сайт, который дает classные темы для windows выбора http://gregfranko.com/jquery.selectBoxIt.js/

и вы можете попробовать эти темы, если ваша проблема с общим цветом выглядит сине- желто- серой