Изменение высоты выбора сафари

Я не могу изменить select height, при этом весь браузер работает нормально, но Safari no, где может быть проблема? Также я пытаюсь сделать класс .style select, но не работает.

select {
width: 170px; 
height: 25px;
}

Ответ 1

Попробуйте добавить это:

-webkit-appearance: menulist-button;

Ответ 2

Вы также можете использовать

line-height: 25px

который не влияет на другие браузеры, но исправляет эту ошибку в Safari

Ответ 3

Чтобы создать стиль в Safari, сначала нужно отключить стиль os:

-webkit-appearance: none;

Ответ 4

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        -webkit-appearance: menulist-button !important;
        line-height:24px !important;
    }
}

Этот код обеспечивает ту же высоту в браузерах.

Ответ 5

по крайней мере на iPad, выбор не отображается для заполнения или высоты строки, а вместо этого отображает заданную высоту и центр по вертикали значение

select {
   -webkit-appearance:menu-item; // or menulist-button
   -moz-appearance:menu-item;
   height:2.4em;   // this must be calculated to match other input types     
}

input[type="text"], select {
    min-width:12em;  
    border-radius:5px;
}

единственное, что сейчас неразрешено, это фон, который предопределен и imutable

Ответ 6

Лучший способ использования детектора-модернизатора и предоставить меню выбора сафари a

line-height: 20px;

или вы можете использовать меню выбора jquery UI, чтобы решить эту проблему другим кросс-браузером.

Ответ 7

Ничего не работало для меня, пока я не использовал встроенный стиль:

<select name="pickupsel" id="pickups" style="line-height:33px">

Как-то Safari (последняя версия Windows, 5.1.7) не читает это свойство стиля из файла CSS.

Ответ 8

@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: menulist-button !important; line-height:24px !important; } }

Дайте line-height согласно вашему требованию.