css - 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

这似乎是一个引导程序错误。对于那些仅使用检测或备用样式表的浏览器，您可能必须在按钮上放置 -5px 的左边距。

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