Итак, я создаю веб-сайт, и клиент хотел, чтобы элемент select был разработан определенным образом.Это также подразумевает установку background-color для элемента select.
Что я хочу
При открытии я бы хотел, чтобы элемент select отображался изначально.
Проблема
Насколько мне известно, вы не можете нацелить открытый элемент select для его стилизации.Таким образом, я попытался удалить фон, установив <options> на белый фон.Это работает, но оставляет меня с оригинальным голубым фоном над и под опциями (в FF и IE):
Пробовал до сих пор
Я пытался удалить каждый бит CSS (отступы, поля, границы) из элемента, оставив только фоновый бит.
У меня есть -moz-appearance: none;
Попытка нацелить на выборку при открытии с помощью select:hover:focus { background: white }, и это работает, но и после выбора чего-то оставляетВыберите элемент белый, пока пользователь не уберет с него указатель, а затем он не изменит цвет - что для меня странно.
попытался увеличить размер шрифта для параметров без успеха,Размер шрифта является нормальным в Chrome, а также на мобильных устройствах.
Единственное решение, которое я вижу сейчас, это оставить элемент select белым.Текущая ОС: OSX.Это также воспроизводится в некоторых версиях IE, но меня это не особо волнует.
Удаление некоторого кода на всякий случай
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 3px;
border: 0;
background-color: #29c3e5;
color: #003366;
margin: 0;
padding: 13px 32px 13px 17px;
option {
background-color: white;
}
}