搜索按钮和文本字段不在同一基线上

Question

为什么蓝色搜索按钮和白色文本字段不是从相同高度开始的？我怎样才能解决这个问题？ 网址是......

此致 凯文

Answer 1

按钮和文本字段上有不同的填充。

将此样式应用于提交按钮时，我有一个漂亮的搜索栏：

.blueButton {
  padding: 1px 0;
}

（编辑：根据Chrome的开发者工具，按钮上默认应用了“2px 6px 3px”填充）

Answer 2

只需移除font-size: 1em;即可让我与他对齐。因此，您可以调整字体大小或调整高度。