我有一个使用 Twitter Bootstrap 框架的 WordPress 网站。这是网站： http: //www.vickieats.com/
我正在尝试将网站的搜索表单设置为与他们在示例页面（ http://twitter.github.com/bootstrap/base-css.html#forms）中使用的搜索表单非常相似的网站。但是，搜索按钮的高度最终比输入元素大得多，我的目标是使它们具有相同的高度。
我认为有一种 CSS 样式可以覆盖我正在尝试做的事情，但我已经使用 FireBug 死了，找不到答案。或者它可能是我忽略的非常简单的事情。
无论哪种方式，任何帮助表示赞赏。
您是否尝试将其从 更改type="search"为type="text"？我的猜测是搜索是不可定制的，而文本是。
Line-height 防止简单的“高度”声明改变按钮的大小。我能够使用以下内容来调整按钮的大小：
.form-search .input-append .btn {
line-height: 10px;
}
问题是这使事情变得很小，我会考虑使输入更大以匹配按钮的可用性。
希望有帮助，
缺口
我不确定您希望它改变哪种方式，所以两者都在这里。
从 bootstrap CSS 中的类中删除 ' padding: 4px 14px;' 和 ' line-height: 20px;'.btn以使按钮与输入字段一样小。
要使输入字段更大以匹配按钮，'height: 20px;'请从引导 css 中的这个庞大的选择器中删除：
'select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input'
将此添加到样式表（部分或文件）的末尾
input.search-query {
line-height: 30px;
padding: 5px;
height: 30px;
}
在 Chrome Inspector 中添加它时，搜索框与按钮对齐。您已经声明了 input.search-query 并不重要。不过，您似乎真的可以在 CSS 中进行清理，padding-right定义不止一次，等等。