更改下拉菜单的选项高度 – CSS,Javascript

是否可以使用css？来改变两个选项之间的高度？

参见说明书.现金&信用卡选项

请按照图片.

注意：仅支持Chrome

问候.

解决方法

尝试这个

option{

     padding:5px 0;
   }

示例填充Jsfiddle

.dis option{
 padding:5px 0;

 }

HTML

<select class="dis">
  <option>1erwer</option>
  <option>2wwerwer</option>
  <option>3werwer</option>
  <option>4werwer</option>
  <option>5wrwer</option>
</select>

增加两个选项之间的空间是不可能的

but there is a tricky way

<select class="dis">
  <option>1erwer</option>
  <option>2wwerwer</option>
  <option>3werwer</option>
  <option disabled="disabled" ></option> <---trick 
  <option>3werwer</option>
</select>

原文地址：https://www.jb51.cc/css/214115.html