按钮插件中的Bootstrap glyphicon

Question

Glyphicons按钮插件中的

Bootstrap会导致按钮缩小，因此输入不正确。标准文本没有这个问题。

有办法做到这一点吗？这是一个例子：

<div class="input-group">
  <input type="text" class="form-control">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">
      <span class="glyphicon glyphicon-calendar"></span>
    </button>
  </span>
</div>

但是将button更改为以下内容可以正常工作。

<button class="btn btn-default" type="button">XXX</button>

This answer表示字体大小是从父元素继承的，但我不认为这适用于此处，因为它适用于文本，并且更改字体大小规则无济于事。

Answer 1

 <div class="input-group">
        <input type="text" class="form-control">  
        <span class="input-group-addon">    
            <i class="glyphicon glyphicon-calendar"></i>
        </span>     
</div>