输入表格&水平列表在Chrome中神秘错位

时间:2013-03-07 11:28:08

标签: css list firefox input

我正在开发一个小型企业网站。除了最后一个(令人愤怒的)造型问题之外几乎完成了:

我无法将标题中的电子邮件注册表单和社交媒体链接排成一行。浏览器之间的高度差异为1px。

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

该网站建立在Wordpress上,主题是我经过大量修改。

以下是网站:http://twistbikes.com ...您可以在右上角看到有问题的文章。

以下是截图:http://twistbikes.com/wp-content/uploads/2013/03/widget-area.jpg

任何线索都非常感激。

1 个答案:

答案 0 :(得分:0)

margin:0padding:0同时提供给文本框和按钮元素。

在下面的代码块中提及:

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