Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bootstrap - Input (number) with Chrome

I'm using Bootstrap and I have some problem with Chrome.

enter image description here

For example :

<input type="number" size="25" name="whatever" id="whatever" required />

When there is a number input as you can see the number is cut.

And also an another problem, at the left you can see the input using Firefox/IE, at the right the input using Chrome.

enter image description here

<form class="form-search pull-right">
    <div class="input-append">
        <input type="text" class="span2 search-query">
        <button type="submit" class="btn">Rechercher</button>
    </div>
</form>
like image 935
ZazOufUmI Avatar asked Nov 07 '12 07:11

ZazOufUmI


1 Answers

My second problem was solved by addind arround the input :

<div class="row">

My first problem was solved by adding :

form input[type='number']{
    padding: 0px;
    margin: 0px;
}
like image 137
ZazOufUmI Avatar answered Sep 18 '22 14:09

ZazOufUmI