Twitter bootstrap 引导输入框高度已缩小
在我的网站上,我使用的是引导框,但是线的高度似乎变小了,我一辈子都不知道为什么 我没有修改任何引导CSS,只有我自己的,但我不认为这是干扰 我使用的代码是:Twitter bootstrap 引导输入框高度已缩小,twitter-bootstrap,Twitter Bootstrap,在我的网站上,我使用的是引导框,但是线的高度似乎变小了,我一辈子都不知道为什么 我没有修改任何引导CSS,只有我自己的,但我不认为这是干扰 我使用的代码是: <div class="pull-left"> <h3>Search for devices</h3> <p>Use the search form below to search for your device.</p> <div class="input-append"&
<div class="pull-left">
<h3>Search for devices</h3>
<p>Use the search form below to search for your device.</p>
<div class="input-append">
<input class="span2" id="appendedInputButtons" type="text">
<button class="btn" type="button">Search</button>
</div>
</div>
搜索设备
使用下面的搜索表单搜索您的设备
搜寻
现场示例如下:
有人有什么建议吗?我的浏览器(Chrome)正在您的输入中应用规则框大小:边框框。要解决您的问题,您应该在CSS中添加以下内容:
input[type="text"] {
box-sizing: content-box;
}
此外,您的问题似乎与此问题中描述的相同:。您可以解决将
放在文档上方的问题。浏览器处于怪癖模式,因为您没有指定页面的doctype。指定输入框高度。。。。。高度:30px;高度来自Bootstrap(unminified Bootstrap.css的第1097行),但我不知道为什么要指定这个高度。