У меня возникли проблемы с настройкой HTML <select> font-size в OS X Safari и Chrome. В основном атрибут игнорируется, если я не увеличиваю или уменьшаю масштаб, и в этом случае атрибут распознается магическим образом. Кто-нибудь видел одно и то же/знал об обходном пути? Хорошо работает с OS X Firefox, что заставляет меня думать о проблеме Webkit.
HTML выберите размер шрифта
Ответ 1
Вам нужно отключить стиль ОС по умолчанию: -webkit-appearance: none;
(Если вы создаете выпадающее меню с высоким стилем, это по существу полный стиль reset.)
Вы также можете попробовать: -webkit-appearance: menulist-button;
(Хотя я не уверен, как другие эффекты стиля повлияют на это.)
Ответ 2
Я тоже столкнулся с этим, и нашел лучшее решение, чем -webkit-appearance: none (который выглядит неуклюжим для меня без дополнительного стиля). Вы можете увеличить размер шрифта, сохранив стандартный внешний вид веб-кайт, если вы установите цвет рамки.
select {
font-size:1.2em;
border-color:#999; /* without this, it won't work */
}
Довольно глупо, но, по крайней мере, он работает, и в Chrome и Safari.