更改下拉菜单的选项高度 – 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>

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效