<分区>
我在表单中有几个输入字段。我给了它们所有 5px 的填充,但选择框内部似乎有一个额外的空间。它不是由填充、边距或文本缩进引起的。保留文本对齐方式。有办法摆脱这个吗?
下面是我的代码。底部是 fiddle 的链接。
CSS
input[type=text],
select {
padding:5px;
}
select {
border:solid 1px #555;
padding:5px;
}
HTML
<div>
<select>
<option>Test1</option>
<option>Test2</option>
<option>Test3</option>
<option>Test4</option>
</select>
</div>
<div>
<input type="text" value="Test" />
</div>
https://jsfiddle.net/64ppa5f5/
附言:
我还检查了缩放,它是 100%。