Wypełnienie przeglądarki CSS dla pola firefox
Mam listę rozwijaną w mojej aplikacji, dzięki której, aby ją wyśrodkować, muszę dodać padding-top 10px w przeglądarce Mozilla Firefox, ale w Google Chrome nie potrzebuje dopełnienia. Jak mogę skierować listę wyboru, aby ustawić tę przeglądarkę. Miałem nadzieję, że mógłbym zrobić coś takiego:
select {
-moz-padding-top: 10px;
-webkit-padding-top: 0px;
}
Jakieś pomysły, jak mogę to obejść? Fiddle of problem pokazany poniżej, jeśli zaznaczysz to w Chrome, a następnie Firefox, chcę go, aby tekst był zawsze w środku