Menu
Is that possible to change height between two options using CSS?
See the illustrative ex. Height between Cash & Credit Card option
Note: I am supporting Chrome only
908
You just need to use the height CSS attribute for the select tag. Show activity on this post. Notice that you have to remove the "." before select and option. This will overwrite any select and option element.
Create a css and set the value style="width:50px;" in css code. Call the class of CSS in the drop down list. Then it will work.
Does no one remember <optgroup>s anymore? Rarely used, but nonetheless supported in every browser.
<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>If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
