Bootstrap - 输入文本字段和按钮之间的间隙

Question

这是我的代码http://jsbin.com/ixevaw/1/edit

<div class="input-append">
   <input type="search" class="span3" placeholder="Search" name="search" id="search"/>
   <button class="btn">button</button>
</div>

但是safari和IE9中的文本字段和按钮之间存在差距

如何消除这种差距？

Answer 1

奇怪的是，如果删除标签之间的空格，问题就会消失。所以你希望它看起来像这样：

<div class="input-append">
   <input type="search" class="span3" placeholder="Search" name="search" id="search"/><button class="btn">button</button>
</div>

Answer 2

这似乎是一个Bootstrap错误。您可能必须在按钮上为这些浏览器添加一个-5px的左边距，仅使用检测或备用样式表。

.input-append input + .btn {margin-left: -5px;}