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

Question

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

问候，凯文

Answer 1

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

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

.blueButton {
  padding: 1px 0;
}

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

Answer 2

只需删除它们就可以font-size: 1em;让它们为我对齐。因此，您可以调整字体大小或调整高度。