title: Bootstrap - Input (number) with Chrome
body: <p>I'm using Bootstrap and I have some problem with Chrome.</p>
  
  <p><img src="https://i.stack.imgur.com/OBgws.png" alt="enter image description here"></p>
  
  <p>For example :</p>
  
  <pre><code>&lt;input type="number" size="25" name="whatever" id="whatever" required /&gt;
  </code></pre>
  
  <p>When there is a number input as you can see the number is cut.</p>
  
  <p>And also an another problem, at the left you can see the input using Firefox/IE, at the right the input using Chrome.</p>
  
  <p><a href="https://i.stack.imgur.com/CI7aa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CI7aa.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;form class="form-search pull-right"&gt;
      &lt;div class="input-append"&gt;
          &lt;input type="text" class="span2 search-query"&gt;
          &lt;button type="submit" class="btn"&gt;Rechercher&lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>