如何强制表单元素跨浏览器呈现相同内容？

这里是我的联系形式的外观在所有不同的浏览器的图像：如何强制表单元素跨浏览器呈现相同内容？

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

如何强制表单元素跨浏览器呈现相同内容？

回答

相关问题