在twitter bootstrap documentation中,有一种有趣的方法可以在输入旁边添加一个按钮。

只是一个示例:

<div class="input-append">
<input class="span2" id="appendedInputButton" type="text">
<button class="btn" type="button">Go!</button>
</div>


在我的情况下,我尝试利用此概念,但是按钮稍大(一个像素),我无法弄清楚是什么原因造成的。



我制造了一个小提琴,希望有人能指出我正确的方向。

http://jsfiddle.net/houmie/FkEnm/2/

最佳答案

我猜您的CSS中还有其他原因导致此问题。
您可以通过覆盖CSS来解决此问题。在line-height类上将.btn从20px变为19px:

.btn { line-height: 19px }


工作DEMO

10-05 20:56
查看更多