增加选择选项填充

Question

这里是我的代码

<select> 
 
    <option>Hello</option> 
 
    <option>World</option> 
 
</select>

我想增加​​3210填充，我知道有一个小窍门增加字体大小的时候，但我想知道是否有另一种办法。

谢谢！

Answer 1

不要设计默认表单元素。使用像select2或选定的插件。

$('.select').select2(); 

比你将完全控制的元素。

Answer 2

这将工作：

<div style="padding:32px;"> 
    <select> 
    <option >Hello</option> 
    <option >World</option> 
    </select> 
<div> 

我希望这有助于

Answer 3

option{ 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    appearance: none; 
 
    padding: 5px; 
 
}

<select> 
 
    <option>Hello</option> 
 
    <option>World</option> 
 
</select>