Как сохранить стандартную стрелку для элемента выбора HTML

Question

Я оформляю выпадающий список в Firefox на Mac OS X, но он меняет стрелку со стандартного вида на некрасивую стрелку вниз. Что я могу сделать, чтобы сохранить стандартный элемент формы с красивыми стрелками вверх и вниз, а не с некрасивой стрелкой вниз? Я полагаю, что мои пользовательские стили являются причиной этого, но я хочу иметь возможность определить, почему браузер переключает его.

Вот стили, которые я использую ...

select {
    font: 400 16px/16px "Maven Pro";
    margin: 2px 0;
    text-transform: capitalize;
    padding: 0;
    height: auto;
}

Answer 1

Это не CSS, вызывающий разницу.Это на самом деле разница в браузере.Элементы формы - это то, что вам будет очень трудно стандартизировать во всех браузерах, за исключением, возможно, кнопок отправки, которые можно поменять местами для изображений.

Вы можете проверить наличие некоторых плагинов JavaScript, но я бы не сталочень переживаю, чтобы выбрать сафари.Люди, использующие Firefox / IE, уже привыкли видеть этот тип выбора.