Jquery 如何调整搜索框和搜索按钮使其具有相同的高度

我的视图中有以下代码：

 <form class="customSearch"method="GET" action="@Url.Action("Search", "Home")">
    <input  class="searchInput" placeholder="Search by tag.." name="searchTerm2" data-autocomplete-source= "@Url.Action("AutoComplete", "Home")" type="text"/>
    <input type="submit" value="Search" class="btn btn-primary"/>
 </form>

但结果是我的搜索框和底部的高度与下面的不同：

---

有没有办法修改我的HTML，使它们的高度完全相同。

您可以使用自己的css样式作为框，将搜索表单向下推或将搜索按钮向上推

我不知道您使用的是哪个twitter引导版本，但您可以在搜索按钮中添加一个名为“push up button”的类，并在css中使用以下内容定义该类：

.push-up-button {
  margin-bottom: 10px;
}

您的按钮应该是：

<input type="submit" value="Search" class="btn btn-primary push-up-button"/>

---

您可以设置相同的属性，特别是

行高度：

 .searchInput, .btn-primary {
   margin:0;
   padding:0;
   line-height:25px;
 }

查看此演示

您需要在两个输入中设置相等的高度，以便注意输入的边框。您可以在输入中为边框减去2倍的
行高。
您可以发布与这些元素相关的css代码吗？或者只是使用JSFIDLE发布一个测试用例。然后您可以为此提供一些html剪贴和一些css代码吗？不幸的是，这没有任何区别。那么您的css或外部元素上是否有另一个off元素？您可以发布css或制作小提琴吗？