ボタンアドオンのブートストラップグリフコン

Question

GlyphiconsBootstrapボタンアドオンは、ボタンが縮小して入力に正しく合わない原因となります。標準テキストにはこの問題はありません。

これを行う方法はありますか？ここに例があります：

<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を次のように変更すると問題ありません。

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>