Html 什么原因导致提交按钮和按钮不对齐

我有HTML像

<input type="submit" name="submit" id="submit" value="Login">
<button name="forgotPassword" id="forgotPassword" type="button" class="linkButton">Forgot Password</button>

但是我的钮扣好像没有对齐。。。忘记的密码有点高。。。如何修复此问题（垂直对齐）

---

用

代替

怎么样？

用

代替

怎么样？

你可以在IE中将登录按钮的高度属性改得高一点，但在forfox中可以

input[type=button], input[type=submit], button {
  border: none;
  background: $mainColor;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;

}
input[type=button]:hover, input[type=button]:active,
input[type=submit]:hover, input[type=submit]:active,
button:hover, button:active {
  background: $hoverColor;
  height:50px;
}

---

您可以在IE中将登录按钮的高度属性更改得更高一点，但在forfox中则可以

input[type=button], input[type=submit], button {
  border: none;
  background: $mainColor;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;

}
input[type=button]:hover, input[type=button]:active,
input[type=submit]:hover, input[type=submit]:active,
button:hover, button:active {
  background: $hoverColor;
  height:50px;
}

---

你有没有在不同的浏览器上签过名，firefox看起来不错。你有没有在不同的浏览器上签过名，firefox看起来不错。恐怕这是最整洁、最一致的答案。此外，AFAIK、IE6和更低版本不知道

标签应该做什么。他想用哪种形式的按钮我都可以。但是这样的混搭是很疯狂的，尤其是当你试图弄清楚为什么一个按钮看起来有点不同时。IE7确实知道

它只是在按下一个按钮时提交所有按钮，你必须添加一个愚蠢的黑客来让IE7表现自己：恐怕这是最整洁、最一致的答案。此外，AFAIK、IE6和更低版本不知道

标签应该做什么。他想用哪种形式的按钮我都可以。但这样的混搭是很疯狂的，尤其是当你试图弄清楚为什么一个按钮看起来略有不同时。IE7确实知道

它只是在按下一个按钮时提交所有按钮，你必须添加一个愚蠢的黑客来让IE7正常工作：