Make按钮的大小与输入相同

Question

我有输入/选择和一个按钮的表单。

如果Button为<button/>，那么我在FF浏览器中的大小有问题（它比输入大）。

如果Button为<input/>，那么我的按钮文字有问题（我无法将其设置为所有浏览器的按钮中间）。

以下是示例（<button>和<input>）

EXAMPLE

Answer 1

您可以使用填充而不是按钮的高度：

.form-search input.search-input, .form-search select.search-input, form input.search-input, form select.search-input {
    padding:  0 20px 0 20px;
    margin: 3px 0;
}

Answer 2

这是我在不同浏览器中遇到的常见问题。您可以使用jQuery查看浏览器是否为FireFox，使用引用css，如果浏览器是Chrome或Safari，请使用其他css来获取您的要求。