HTML выберите размер шрифта

Question

У меня проблемы с установкой размера шрифта HTML <select> в OS X Safari и Chrome.В основном атрибут игнорируется, если только я не увеличу или уменьшу масштаб, в этом случае атрибут магически распознается.Кто-нибудь видел то же самое / знать об обходном пути?Прекрасно работает с OS X Firefox, что заставляет меня думать, что это проблема Webkit.

Answer 1

Я только что натолкнулся на это и нашел лучшее решение, чем -webkit-Внешний вид: нет (который кажется мне неуклюжим без дополнительной стилизации).Вы можете увеличить размер шрифта при сохранении стандартного внешнего вида веб-набора, если вы установите цвет рамки.

select {
    font-size:1.2em;
    border-color:#999; /* without this, it won't work */
}

Довольно глупо, но, по крайней мере, это работает и в Chrome, и в Safari.

Answer 2

Вам нужно отключить стиль ОС по умолчанию с помощью: -webkit-appearance: none;
(Если вы делаете выпадающий список в высоком стиле, это, по сути, полный сброс стиля.)

Демонстрация в реальном времени

---

Вы также можете попробовать: -webkit-appearance: menulist-button;
(Хотя я не уверен, как другие стилевые эффекты повлияют на это.)