Mitte Ausrichten von Text Wählen Sie Option

Wie vertikal Ausrichten text mit einer Select-Option.

Mitte Ausrichten von Text Wählen Sie Option

Link: http://mink7.com/projects/test/dashboard.html

InformationsquelleAutor Harsha M V | 2012-04-05

  1. 2

    Verwenden Sie Etiketten, wie in dieses Beispiel fiddle. Markup:

    <form action="">
    <label for="startDate">Start Date:</label>
    <select id="startDate">
        <option value="Mar 04">Mar 04</option>
    </select>
    <label for="endDate">End Date:</label>
    <select id="endDate">
        <option value="Aug 04">Aug 04</option>
    </select>
</form>

    Wenn dies nicht funktioniert, dann gibt es einige übernommene Stile stören und versuchen vertical-align: middle wie gezeigt, in diese demo.

    InformationsquelleAutor NGLN

  2. 1

    In IE und Chrome das select-tag-text ausgerichtet ist center automatisch, nicht im firefox. Nur Ziel-firefox mit einer Polsterung, ohne Kompromisse bei IE und Chrome:
    Verwenden Sie eine browser-spezifischen hack für FF und geben Sie es ein padding-top: 

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

    InformationsquelleAutor DextrousDave

Schreibe einen Kommentar