Firefox не вертикально по центру выберите входной контент с заданной высотой - PullRequest
Новая
       16

Firefox не вертикально по центру выберите входной контент с заданной высотой

6 голосов
/ 10 ноября 2011

вот изображение того, что происходит:

http://imageshack.us/photo/my-images/217/ffbug.png/

вот мой код: 

select {
    width: 150px;
    height: 40px;
    padding-left: 10px;
}

в Chrome и Firefox, он выравнивает по вертикали выбороценивает отлично.в Firefox значения привязаны к вершине выбора.

Я пытался добавить vertical-align: middle и line-height: 40px, оба из которых ничего не изменили.

Ответы [ 3 ]

2 голосов
/ 10 ноября 2011

Просто используйте padding-top: 10px; padding-bottom: 10px; для этого элемента.Ваш текст будет автоматически центрирован.

0 голосов
/ 21 июля 2014

Попробуйте этот код CSS: 

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

Это должно работать, если вам нужна поддержка нескольких браузеров.

0 голосов
/ 10 ноября 2011

Я решил поместить его в div с этим кодом: 

.search li select {
    padding: 0px;
    margin: 0px;
}
.search li div {
    height: 32px;
    padding: 10px 10px 0px 10px;
    background: #ffffff;
}

фон div совпадает с фоном выбора.

он довольно хорошо центрирован в FF IE и chrome, единственное, что стрелка тоже внутри отступа ... ну да ладно ... иногда я не могу выиграть, я думаю.

...