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>），並將其應用於某些樣式。這將縮進整個元素，而不是它的內容。