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

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/>标记的class属性。

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

Answer 2

就这样，

fieldset,  legend, .input_text, .input_integer, .input_float, .input_mandatory,  .input_invalid, .input_warning, .TLabel, .TCheckBox, .TListBox,  .TComboBox, .TPanel, .TGroupBox, .TRadioGroup, .TextEditBox,  .TDatePicker, .datePicker, .TDatePicker_container,  .datePicker_container, .radio_button, .select, .select_option {
    font: 10px Arial;
    margin: 0;
    padding: 0;
}