Have a equal row height in a dropdown list

I’ve got a dropdown list. Each row is in a different font type. Now the problem is that each row height is different due to the different font type.

My question is that how do I have a equal height for all rows in my drop down list?

enter image description here

EDIT:

  <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>


Source: css3

Leave a Reply