HTML的select /选项上多余的底边

时间:2019-07-31 13:54:21

标签: html css google-chrome select option

在某些配置中,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

0 个答案:

没有答案