css - 列表框默认文本似乎与下拉列表文本大小不同

Question

请看this very short example

fieldset, legend, .TLabel, .TComboBox, .select, .select_option {
  font: 10px Arial;
  margin: 0;
  padding: 0;
}

<div class="TComboBox">
  <select name="ComboBox1">
    <option class="select_option" selected value="Option">Option</option>
  </select>
</div>

<div class="TLabel">Label</div>

它是真实网页及其 CSS 的子集，用户说下拉列表框文本的字体与页面上其余文本的字体不同。

看代码，字体是一样的，但是目测一下，明白他的意思了。列表框的默认文本看起来更大 - 但如果我们单击以查看列表，则列表项的文本看起来更小。

这是浏览器渲染问题还是我忘记了下拉列表框默认条目的 CSS 选择器？

Answer 1

您需要设置 <select/> 的类属性标签。

<select name="ComboBox1" class="TComboBox">