Auswahl- und Zahleneingabe in Firefox automatisch ausrichten

Was kann ich tun, damit diese Eingaben in Firefox vertikal ausgerichtet werden?Auswahl- und Zahleneingabe in Firefox automatisch ausrichten

Es funktioniert in Chrome, Safari und Opera aber nicht in Firefox (Version 57 in Mac OS, Windows und Linux Mint getestet). Entfernen type="number" von der input löst es in Firefox, ist aber nicht etwas, das ich entfernen möchte.

label { 
 
    display: inline-block; 
 
} 
 

 
.form-control { 
 
    display: block; 
 
}

<body> 
 
    <label>First number <input class="form-control" type="number"></label> 
 
    <label> 
 
    Dropdown 
 
    <select class="form-control"> 
 
     <option label="First option" selected="selected"> 
 
     First option 
 
     </option> 
 
    </select> 
 
    </label> 
 
</body>

Quelle

2017-11-17 Oskar Persson

müssen Sie die vertical-align Eigentum auf Ihrer inline-blockangezeigt Elemente zurücksetzen.

label { 
 
    display: inline-block; 
 
    vertical-align: top; 
 
} 
 

 
.form-control { 
 
    display: block; 
 
}

<body> 
 
    <label> 
 
    First number 
 
    <input class="form-control" type="number"> 
 
    </label> 
 
    <label> 
 
    Dropdown 
 
    <select class="form-control"> 
 
     <option label="First option" selected="selected"> 
 
     First option 
 
     </option> 
 
    </select> 
 
    </label> 
 
</body>

Quelle

2017-11-17 21:14:41

Auswahl- und Zahleneingabe in Firefox automatisch ausrichten

Antwort

Verwandte Themen