Я делаю форму. Когда я назначаю одинаковую высоту и ширину тегам <input>
и <select>
тег <select>
не принимает ту же высоту, что и <input>
.
Кажется, разница в высоте составляет один пиксель.
В чем проблема?
input {
width: 100px;
height: 20px;
vertical-align: top;
}
select {
border: 1px solid #ccc;
vertical-align: top;
}
option {
color: red;
width: 100px;
height: 20px;
text-decoration: underline;
}
<input type="text">
<select>
<option>first option</option>
<option>second option</option>
</select>