增加选择选项填充

Question

这是我的代码

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我想增加<option></option>填充，我知道在增加字体大小时有一个技巧，但我想知道是否有另一种方法。

谢谢！

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>