Спецификация CSS для браузера для Firefox

У меня есть раскрывающийся список в моем приложении, в котором для его центрирования я должен добавить padding-top 10px, находясь в Mozilla Firefox, но на google chrome ему не нужно заполнить. Как настроить таргетинг на список выбора, чтобы установить этот браузер. Я надеялся, что мог бы сделать что-то вроде следующего:

select {
  -moz-padding-top: 10px;
  -webkit-padding-top: 0px;
}

Любые идеи о том, как я мог обойти это? Скрипт проблемы, показанный ниже, если вы проверите это в Chrome, а затем в Firefox, я хочу, чтобы текст всегда находился в середине

http://jsfiddle.net/uHDa6/

Ответы

Ответ 1

Примечание: первая часть этого ответа теперь устарела, так как эта функция была удалена из Firefox. Чтобы получить реальный ответ, прочитайте статью "Однако".

Ответ на ваш вопрос: да, можно поместить специфичные для Mozilla CSS в таблицу стилей. (Не в атрибуте встроенного стиля.)
В этом случае вы должны написать

@-moz-document url-prefix() {
    select {padding-top:10px;}
}

- это просто версия правила @document с префиксом Mozilla, которая не распознается другими браузерами.

Тем не менее, реальное решение проблемы несоответствующей позиции текста состоит в том, чтобы не устанавливать высоту, а только отступы выбора. Нет взломов.

style="font-size: 14px; padding: 11px 0 11px 5px;"

Это имеет желаемый эффект во всех браузерах. Смотрите новую скрипку.