2011-11-15 80 views
0

我試圖顯示一些內嵌的元素。兩個是<a href>,另一個是<form>。出於某種原因,Safari會渲染所有內聯和統一內容。但是,Firefox似乎爲<form>添加了填充。Firefox中的額外表格填充但不包含Safari

下面是它是如何呈現在Safari:

Safari

下面是它是如何呈現在Firefox:

Firefox

我的代碼可以在下面的的jsfiddle被發現。有誰知道問題是什麼?我想解決這個問題在Firefox?

http://jsfiddle.net/feBvz/

+0

嗯如果你嘗試使用''button type =「submit」>'元素而不是? – BoltClock

+0

嗯,我正在使用我的Rails應用程序的形式,我嘗試實現'button_to',但需要弄清楚如何在包含隱藏字段的情況下這樣做。這就是爲什麼我想看看我是否可以用CSS修復它。 – tvalent2

+1

可能是因爲您在填充中使用了em單元我發現這些類型的錯誤,因爲我的網頁在谷歌瀏覽器,IE和Firefox中顯示的方式不同,因此當我使用填充 - 左20時,所以然後我用40 px代替em單元,在所有的瀏覽器上,所以我的有用的建議是使用px always和em或pt單位只能用於字體大小 – niko

回答

0
<button class="button white" name="commit" title="Hover" type="submit" value="+">+</button> 

這看起來在我的瀏覽器確定。由於您說您必須使用特定的導軌功能,因此可能無法解決您的問題。

另一種解決方案可能是使用統一js,它可以讓您更具體地控制輸入元素的樣式。 Uniform js