填充不适用于Safari中的选择标记

Question

可能重复:
填充在选择列表中的Safari和IE中不起作用

所以我有一个基本的选择标签,如下所示:

<select>
  <option>1</option>
  <option>2</option>
  <option>2</option>
</select>

但是如果我在选择标记上添加填充,它在Safari上不起作用:

select {
  padding: 6px;
}

在IE7上,我理解,但在Safari上？有办法解决这个问题吗？

Answer 1

此前回答:https://stackoverflow.com/a/2967371/181002

Webkit已经采用它来禁止填充select-items,但是你可以通过使用简单的"hack"来实现相同的效果,包括应用line-height和text-indent你的选择项.

这是一个例子:http://jsfiddle.net/B858P/