Text-indent在safari firefox中不工作

Question

我使用选择列表中的红宝石代码我需要15px的差距，所以我用填充左=“15px”它在Firefox中工作正常，但它不工作，即Safari浏览器我想使用text-indent =“15px”其工作正常我safari和ie但不是在Firefox中请任何人帮我解决这个问题,, 填充左工作正常textfeild，但为什么它给ie和safari问题...

代码：

<% @sex = [['male', '0'],['female', '1'], ['other', '2']] %> 
       <%= select_tag :sex, options_for_select(@sex), :style=>"width:100px; height:30px;padding-left:15px;vertical-align:middle;" %> 

感谢

Answer 1

select元素很难一致地跨浏览器，甚至更糟糕的跨平台（例如，它们在Windows和MacOS X上看起来与众不同）。

但是，假设该文件是在standards mode，我已经能够使用该代码来获得一致的结果，整个IE8，Chrome和Firefox在Windows上：

select { padding-left: 15px; } 

IE7回落到默认样式（即没有填充），如果你能忍受。

另一种选择可能是将<select>包装在另一个元素中（例如<span>），并将其应用于某些样式。这将缩进整个元素，而不是它的内容。