Dropdown-Menü Buchstaben ausschneiden In Windows Chrome

Question

Dropdown-Menü unter Windows Chrome beschädigt. Funktioniert perfekt auf MAC Chrome und die Buchstaben werden nicht abgeschnitten. Das Problem:

Das Wort, wählen Sie sollte vollständig sichtbar sein.

Die CSS ist einfach:

.form-control { 
    height: 30px; 
    width: 50%; 
    padding: 8px 12px; 
    font-size: 13px; 
} 

Mit Standard-Boot.

Answer 1

height: 30px; ist wahrscheinlich Ihr Problem.

Ein kurzer Blick auf die Standardeinstellung .form-control in meinem Chrome-Inspektor zeigt die Elemente als 34px hoch. Sie haben die .form-control Elemente zu klein gemacht, um den gesamten Inhalt anzuzeigen.

Im Allgemeinen sollten Sie vermeiden, die Höhe dieser explizit festzulegen.