增加選擇選項填充

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>