如何強制表單元素跨瀏覽器呈現相同內容？

這裏是我的聯繫形式的外觀在所有不同的瀏覽器的圖像：如何強制表單元素跨瀏覽器呈現相同內容？

enter image description here

我已經試過編輯一些CSS，但我正在尋找在這些元素的完全控制，但我也不想失去靈活性（我也在使用jQuery）。

有沒有辦法覆蓋這些文本區域的瀏覽器呈現方法，或者我堅持使用默認樣式？

2012-01-28 Joseph Aaron Campbell

請參閱[刪除表單元素上的默認瀏覽器樣式]（http://stackoverflow.com/questions/3616518/remove-default-browser-styles-on-form-elements）。被接受的答案完美地表達了它。有辦法做到這一點，但它依賴於JavaScript，從來沒有保證，老實說：你不需要它。你可能會認爲你有，但你沒有。不要讓你失望，但是沒有關於如何使用CSS對窗體進行控制的規範。你必須採取你可以得到的。 – 2012-01-29 00:01:25

我在某種程度上使用了normalized.css方法。它在下面解釋。謝謝！ – 2012-01-30 22:13:51

看一看normalize.css（表格元素從293開始）。 normalize.css使瀏覽器能夠一致地呈現所有元素並符合現代標準。這不是一個快速的解決方案，但至少它會給你的元素一些工作的一致性。如果你使用這個，確保你在其他樣式之前加載它，否則normalize.css樣式將覆蓋你的主樣式表。

來源

2012-01-29 00:03:39 shaunsantacruz

我沒有加載整個規範化的CSS。我只是將5到6行復制到當前使用的css中，並且它完美地適用於所有瀏覽器。我會把它們的jpeg再次結合起來，但我不需要！這是它在所有平臺上的樣子[與微小的差異] http://imgur.com/714bs – 2012-01-30 22:12:56

嘗試使用normalize.css。它爲大多數CSS元素提供了跨瀏覽器兼容性解決方案。

來源

2012-01-29 00:03:27 jacktheripper

如何強制表單元素跨瀏覽器呈現相同內容？

回答

相關問題