Bootstrap - 使用Chrome输入(数字)

Sté*_*ane 7 google-chrome input twitter-bootstrap

我正在使用Bootstrap,我在使用Chrome时遇到了一些问题.

在此输入图像描述

例如 :

<input type="number" size="25" name="whatever" id="whatever" required />
Run Code Online (Sandbox Code Playgroud)

当有数字输入时,您可以看到数字被切断.

还有一个问题,在左边你可以看到使用Firefox/IE的输入,右边是使用Chrome的输入.

在此输入图像描述

<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>
Run Code Online (Sandbox Code Playgroud)

Sté*_*ane 3

我的第二个问题是通过 addind 围绕输入解决的:

<div class="row">
Run Code Online (Sandbox Code Playgroud)

我的第一个问题通过添加解决:

form input[type='number']{
    padding: 0px;
    margin: 0px;
}
Run Code Online (Sandbox Code Playgroud)