0
我試圖顯示一些內嵌的元素。兩個是<a href>
,另一個是<form>
。出於某種原因,Safari會渲染所有內聯和統一內容。但是,Firefox似乎爲<form>
添加了填充。Firefox中的額外表格填充但不包含Safari
下面是它是如何呈現在Safari:
下面是它是如何呈現在Firefox:
我的代碼可以在下面的的jsfiddle被發現。有誰知道問題是什麼?我想解決這個問題在Firefox?
我試圖顯示一些內嵌的元素。兩個是<a href>
,另一個是<form>
。出於某種原因,Safari會渲染所有內聯和統一內容。但是,Firefox似乎爲<form>
添加了填充。Firefox中的額外表格填充但不包含Safari
下面是它是如何呈現在Safari:
下面是它是如何呈現在Firefox:
我的代碼可以在下面的的jsfiddle被發現。有誰知道問題是什麼?我想解決這個問題在Firefox?
<button class="button white" name="commit" title="Hover" type="submit" value="+">+</button>
這看起來在我的瀏覽器確定。由於您說您必須使用特定的導軌功能,因此可能無法解決您的問題。
另一種解決方案可能是使用統一js,它可以讓您更具體地控制輸入元素的樣式。 Uniform js!
嗯如果你嘗試使用''button type =「submit」>'元素而不是? – BoltClock
嗯,我正在使用我的Rails應用程序的形式,我嘗試實現'button_to',但需要弄清楚如何在包含隱藏字段的情況下這樣做。這就是爲什麼我想看看我是否可以用CSS修復它。 – tvalent2
可能是因爲您在填充中使用了em單元我發現這些類型的錯誤,因爲我的網頁在谷歌瀏覽器,IE和Firefox中顯示的方式不同,因此當我使用填充 - 左20時,所以然後我用40 px代替em單元,在所有的瀏覽器上,所以我的有用的建議是使用px always和em或pt單位只能用於字體大小 – niko