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

时间:2015-05-19 08:08:11

标签: jquery html css css3

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

我的问题是如何扩展高度,以便每一行在我的下拉列表中具有相同的高度?

enter image description here

编辑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中的测试

1 个答案:

答案 0 :(得分:0)

使用类似的东西:

option {
   padding: 30px 10px;
}