So stylen Sie die Auswahl mit Form-Kontrollstil so, dass er links mit der Eingabe mit Form-Kontrollstil ausgerichtet ist ⇐ HTML

[Anonymous]

Ich stelle fest, dass, wenn ich Flexbox mit einem Select und Eingabe verwende, beide mit Form-Kontrollstil, dass sie auf der linken Seite nicht übereinstimmen (ich habe diesen Text fett gedruckt, da die Leute das Problem nicht verstehen scheinen). Die linke Seite des oberen Eingangs ist nicht mit der linken Seite der Auswahl ausgerichtet. Sie richten sich aus, wenn ich die Polsterung des Eingangs entferne. < /P>
Dieses Problem erscheint auf Chrom und Safari. Firefox ist in Ordnung.

Code: Select all

Input default


Input no padding


Select

Hello
World



< /code>
CSS < /p>
.all {
display: flex;
flex-direction: column;
padding: 20px;
}

.container {
display: flex;
flex: 1;
align-items: center;
}

.input {
flex: 1
}

.label {
flex: 1;
background: yellow;
text-align: right;
padding-right: 10px;
margin-bottom: 0;
}

.no-padding {
padding: 0;
}

Wie kann ich nur die Auswahl oder verwenden Sie Flexbox, damit er mit der Eingabe ausgerichtet ist?