在某些配置中,HTML s
select`元素在select元素的底部边缘显示了多余的空间。有点奇怪,因为边距仅在某些情况下显示,例如font-size设置为16px,但另一方面,它对于任何其他值都非常酷。
我试图从select和option元素中删除所有样式。仍然行不通。
我试图增加options元素的数量。它的确奏效-当我有3个选项时,没有任何余地。当我有2个选项时,会出现边距。
我尝试将select的字体大小设置为16px以外的其他字体-并且它起作用了。但我希望它是16像素。
该错误仅在Chrome中出现。
select {
font-family: "Open Sans", sans-serif;
font-size: 16px;
appearance: none;
background-color: #fff;
height: 32px;
width: 54px;
border: 1px solid #a2a2a2;
border-radius: 3px;
padding: 2px 10px;
}
<select>
<option value="1">1</option>
<option value="2">2</option>
</select>
我希望我的选择元素没有多余的边距。
这是我的意思: enter image description here