Css Firefox与Chrome中的表单样式

Css Firefox与Chrome中的表单样式,css,forms,firefox,google-chrome,Css,Forms,Firefox,Google Chrome,我正试图让这个注册表格在所有主流浏览器中看起来都是一致的,或者至少在Firefox和Chrome上是一致的 它在Chrome中看起来很棒,特别是就所有输入字段之间的间距而言(它是相等的)。不过,在Firefox中,间隔/填充有点无处不在 您知道如何解决此问题吗?您已经在td-s中设置了每个输入/标签,因此要么指定td-s宽度(如果输入为100px宽,则将其设置为td 120px宽),要么增加表的cellspacing属性。但是,不建议使用表格进行布局。改为使用CSS浮动和填充/边距。在得到答案

我正试图让这个注册表格在所有主流浏览器中看起来都是一致的,或者至少在Firefox和Chrome上是一致的

它在Chrome中看起来很棒,特别是就所有输入字段之间的间距而言(它是相等的)。不过,在Firefox中,间隔/填充有点无处不在


您知道如何解决此问题吗?

您已经在td-s中设置了每个输入/标签,因此要么指定td-s宽度(如果输入为100px宽,则将其设置为td 120px宽),要么增加表的cellspacing属性。但是,不建议使用表格进行布局。改为使用CSS浮动和填充/边距。

在得到答案后,最好将问题包含在这个问题中,以便将来有人可能会遇到同样的问题。否则,版主可能会因为太本地化而关闭此问题。这几乎与您谈论的样式相同。请添加一些样式,以便在所有浏览器中看起来相同,因为每个浏览器都有自己的设置样式主题。我在FF与Chrome中看到了相同的行为。感谢您的建议。为了澄清这一点,我经常听到人们说应该使用CSS而不是表格……这到底是为什么呢?因为你可以交换CSS文件并获得不同的设计(例如主题)。这被称为内容和表达的分离。还有CSS,你可以获得更多的功能(用一行操作多个元素)。表格甚至被用作布局的原因是早期的浏览器不支持可靠的浮动,使用表格可以更容易地制作边栏、td-s填充等。但是现在你可以用div和CSS编写任何布局,可以在任何浏览器上工作,包括IE6,因此,现在应该使用表来显示表格式数据。您可以在这个链接上看到,简单地交换一个CSS文件将为您的站点提供完全不同的视图: