firefox nicht vertikal zentrieren wählen Sie input-Gehalt mit der Höhe angegeben

hier ist ein Bild von whats going on:

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

hier ist mein code:

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

in chrome und firefox, es vertikal ausgerichtet wählen Sie Werte perfekt. in firefox, die Werte sind fest an der Oberseite des wählen Sie.

ich habe versucht, indem vertical-align: middle und line-height: 40px, die beide sich nichts verändert.

InformationsquelleAutor scarhand | 2011-11-10
  1. 2

    Verwenden Sie einfach padding-top: 10px; padding-bottom: 10px; auf das element. Ihr text wird automatisch centerd.

    • Dass 'Arbeit', aber es wird auch ändern Sie die-Taste innerhalb der <select> ist .. ziemlich hässlich aussehend. i.imgur.com/V64sW.png
    • Oh du hast Recht, ich habe übersehen, dass.
    • Sollte man das nicht "Ihr text wird manuell zentriert"?
    InformationsquelleAutor sascha
  2. 0

    ich beschlossen, es in ein div mit diesem code:

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

    div-hintergrund ist derselbe wie wählen Sie hintergrund.

    ziemlich gut zentriert im FF IE und chrome, nur ist der Pfeil von der Innenseite der Polsterung sowie...tja...manchmal kann man nicht gewinnen, denke ich.

    InformationsquelleAutor scarhand
  3. 0

    Versuchen, diese CSS-code:

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

    Sollte diese Arbeit, wenn Sie wollen, mehrere browser-Unterstützung.

    InformationsquelleAutor Milkmannetje
Schreibe einen Kommentar