Question

Please take a look at 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>

It’s a subset of a real webpage and its CSS, where the user says that thet the drop down list box text is of a different font to the rest of the text on the page.

Looking at the code, the fonts are the same, but looking at it visualy, I see what he means. The default text of the list box seems larger – but if we click to see the list then the text of the list items seems smaller.

Is this a browser rendering issue or is there a CSS selector which I forgot about for that default entry of the drop down list box?

Answer 1

You need to set class attribute of <select/> tag.

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