使用表单搜索和输入 - 附加创建搜索表单时，搜索按钮显示为短

Question

以下是fiddle和以下代码：

<form class="form-search">
    <div class="input-append">
        <input type="text" id="search-query" class="search-query" />
        <input type="button" id="search-submit" value="Find" class="btn" />
    </div>
</form>

按钮在IE或Chrome中显示正常，但在使用FF（至少15版）查看时，按钮显示有点短。 我没有正确使用Bootstrap吗？

Answer 1

从doc开始，您应该使用button使用的input：

<form class="form-search">
    <div class="input-append">
        <input type="text" id="search-query" class="search-query" />
        <button type="button" id="search-submit" class="btn" >Find</button>
    </div>
</form>

http://jsfiddle.net/tk8Dc/7/

Answer 2

在输入textarea

上添加height: auto;

在输入中使用的另一个好特征（只是另一个提示）是：

box-sizing: border-box;
-webkitbox-sizing: border-box;
-moz-box-sizing: border-box;