css - 输入表单和水平列表在 Chrome 中神秘地错位

Question

我在一家小型企业网站上工作。除了最后一个(令人恼火的)样式问题外，几乎完成了:

我无法让标题中的电子邮件注册表单和社交媒体链接对齐。浏览器之间的高度存在 1px 的边距差异。

注册是一个表单，社交媒体链接是 ul 列表的一部分。当我向任一元素添加边距时，Chrome 和 IE 会错位。当我减去 1px 时，Firefox 不对齐。

该站点基于 Wordpress 构建，主题经过我大量修改。

这是网站:http://twistbikes.com ...您可以在右上角看到违规文章。

这是一个截图:http://twistbikes.com/wp-content/uploads/2013/03/widget-area.jpg

非常感谢任何线索。

Answer 1

将 margin:0 和 padding:0 赋给文本框和按钮元素。

在下面的代码块中提到:

input, select, textarea {
     /* other properties */
     margin: 0;
     padding: 0;
}