在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