twitter-bootstrap Bootstrap - 使用 Chrome 输入(数字)

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/13264750/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 15:39:43  来源:igfitidea点击:

Bootstrap - Input (number) with Chrome

google-chromeinputtwitter-bootstrap

提问by Stéphane

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

我正在使用 Bootstrap,但 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.

还有一个问题,在左边你可以看到使用 Firefox/IE 的输入,在右边你可以看到使用 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>

采纳答案by Stéphane

My second problem was solved by addind arround the input :

我的第二个问题是通过在输入周围添加 addind 解决的:

<div class="row">

My first problem was solved by adding :

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

form input[type='number']{
    padding: 0px;
    margin: 0px;
}