Twitter Bootstrap文本字段的高度太小?
我使用bootstrap,我发现文本字段的高度太小。它像小于10px.I想知道如果它是小的,或者我犯了一些错误。
我用firebug来检查文本区域。它说高度是18px,这对我来说似乎是不可能的。而且我得到的和我从这里得到的是一样的。 从bootstrap例子的文本区域。它使我相当困惑…我得到的是
input, textarea, select, .uneditable-input { border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; color: #555555; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin-bottom: 9px; padding: 4px; }
高度说这是18px,但不是…有人可以帮忙吗?!
添加<!DOCTYPE HTML>
应该解决这个问题。 在这里也提出了同样的问题: 使用Twitter Bootstrap的文本input呈现问题
成为最佳答案并没有帮助
我已经<!DOCTYPE html>
,这对我来说不是问题。 我不知道是什么问题,但我在我的CSS中用这个来解决它:
input[type=text], input[type=password], input[type=email], input[type=tel] { height: 28px !important; }
这是一个解决方法,我不确定是否有一些副作用。
我不知道为什么如果我打开一个干净的新的HTML5页面的作品,但添加一些代码后,我不知道为什么会发生。 所以我只是打开bootstrap.min.css文件并search: type="text"
,那里有高度属性,我把它改为最小高度,因为它必须工作。
是的,总height
是28px
因为填充和边框也可以为这个input
增加height
:
height 18px + 4px padding-top + 4px padding-bottom + 1px border-top + 1px border-bottom = Total 28px height
看到我的解决scheme在类似的线程 。
基本上,文本文件编码导致我所有的麻烦。 它performance在浏览器之间的微小差异,我浪费了几个小时摆弄CSS思想是原因。