Как стилизовать выбор со стилем управления формой, чтобы он выравнивался слева с вводом со стилем управления формой? ⇐ CSS

[Anonymous]

Я замечаю, что если я использую Flexbox с помощью Select и Input , оба со стилем управления формой, то они не выровняются слева (я поместил этот текст жирным шрифтом, так как люди не понимают проблему). Левая сторона верхнего входа не выровнена с левой стороной выбора. Они выровняются, если я удаляю накладку ввода. < /P>
Эта проблема появляется на Chrome и Safari. Firefox в порядке.
Plunker

markup

Код: Выделить всё

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;
}

Как я могу стилизовать только Select или использовать Flexbox, чтобы он соответствовал вводу?

Подробнее здесь: https://stackoverflow.com/questions/467 ... eft-with-i