简体   繁体   中英

how to margin or padding in option select

how to margin or padding option select

I used  

 <select class="select"> <option value="100"></option> <option value="250">$593</option> <option value="500">$1125</option> <option value="1000">$2125</option> <option value="2000">$3750</option> <option value="3000">$5250</option> <option value="5000">$6250</option> </select>

在此处输入图像描述

Simple solution with manipulating in padding, indent and margin.

 select { margin: 6px; font: 16px Arial; } select { width: 262px; height: 32px; padding: 4px; line-height: 32px; text-indent: 4px; cursor: pointer; }
 <select class="select"> <option value="100"></option> <option value="250">$593</option> <option value="500">$1125</option> <option value="1000">$2125</option> <option value="2000">$3750</option> <option value="3000">$5250</option> <option value="5000">$6250</option> </select>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM