CSS-заполнение для браузера для поля Firefox
В моем приложении есть раскрывающийся список, в котором для центрирования я должен добавить верхнюю часть отступа 10 пикселей в Mozilla Firefox, но в Google Chrome заполнение не требуется. Как можно настроить таргетинг на список выбора, чтобы настроить этот браузер? Я надеялся, что мог бы сделать что-то вроде следующего:
select {
-moz-padding-top: 10px;
-webkit-padding-top: 0px;
}
Есть идеи, как мне это обойти? Скрипка проблемы, показанная ниже, если вы проверите это в Chrome, а затем в Firefox, я хочу, чтобы текст всегда был посередине