javascript - 更改下拉选项的高度

Question

是否可以使用 CSS 更改两个选项之间的高度？

参见说明性示例。现金和信用卡选项之间的高度

注意:我只支持 Chrome

Answer 1

没有人记得 <optgroup> s了？很少使用，但仍受所有浏览器支持。

<select>
  <optgroup label="Cash">
    <option>Cash</option>
  </optgroup>
  <optgroup label="Other">
    <option>Credit Card</option>
    <option>Credit Note (R)</option>
    <option>Gift Voucher</option>
    <option>Cheque</option>
  </optgroup>
</select>