Firefox 与 Chrome 中的表单样式答案

【问题标题】：Form styling in Firefox vs. ChromeFirefox 与 Chrome 中的表单样式
【发布时间】：2012-09-02 04:11:22
【问题描述】：

我正在努力使此注册表单在所有主要浏览器（或至少 Firefox 和 Chrome）上看起来都一致。

它在 Chrome 中看起来很棒，尤其是就所有输入字段之间的间距而言（它是相等的）。然而，在 Firefox 中，间距/填充有点无处不在。

知道如何解决这个问题吗？

【问题讨论】：

【解决方案1】：

您已经在 td-s 中拥有每个输入/标签，因此要么给 td-s 宽度（如果输入是 100px 宽，则使其 td 宽 120px），要么增加表格的 cellspacing 属性。但是，不建议使用表格进行布局。改用 CSS 浮动和填充/边距。

【讨论】：

欣赏建议。澄清一下，我总是听到人们说应该使用 CSS 而不是表格……这是为什么呢？
因为您可以交换 CSS 文件并获得不同的设计（例如用于主题）。它被称为内容和呈现的分离。同样使用 CSS，您可以获得更多功能（用一行操作许多元素）。
表格甚至被用作布局的原因是早期的浏览器不支持可靠的浮动和表格，更容易制作侧边栏，使用 td-s 填充等。但现在你可以使用 div 和 CSS 编写任何可以在包括 IE6 在内的任何浏览器上运行的布局，因此现在应该使用表格的最初用途 - 显示表格数据。
您可以在此链接上看到如何简单地交换一个 CSS 文件会给您的网站带来完全不同的视图：dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm