jquery - 在下拉列表中具有相等的行高

Question

我有一个下拉列表。每行都采用不同的字体类型。现在的问题是，由于字体类型不同，每一行的高度都不同。

我的问题是如何扩展高度，使下拉列表中的每一行具有相同的高度？

编辑 1:

  <select class="fonts">
     <option style="font-family: 'Comic Sans MS'">Comic Sans MS</option>
     <option style="font-family: Arial">Arial</option>
     <option style="font-family: 'Times New Roman'">Times New Roman</option>
  </select>

编辑 2:

这是一个快速 Fiddle - 我在 IE 中测试

Answer 1

使用类似的东西:

option {
   padding: 30px 10px;
}