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

时间:2012-03-08 09:04:43

标签: html css browser safari cross-browser

  

可能重复:
  padding is not working in Safari and IE in select list

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

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

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

select {
  padding: 6px;
}

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

1 个答案:

答案 0 :(得分:18)

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

Webkit已经自行禁止填充select - 项目,但你可以通过使用简单的'hack'来实现相同的效果,包括应用line-heighttext-indent你的选择项目。

以下是一个示例:http://jsfiddle.net/B858P/