文本缩进不适用于safari firefox

Question

我在选择列表中使用ruby代码我需要从左边15px的间隙所以我使用左边填充=“15px”它在firefox中工作正常但是它不起作用ie和safari所以我想使用text-indent =“ 15px“它的工作正常我狩猎和即但不在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，我可以使用以下代码在Windows上的IE8，Chrome和Firefox中获得一致的结果：

select { padding-left: 15px; }

IE7会回归到默认样式（即没有填充），如果你能接受它。

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