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

前端之家收集整理的这篇文章主要介绍了更改下拉菜单的选项高度 – 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>

猜你在找的CSS相关文章