Twitter Bootstrap文本字段的高度太小了？

Question

Twitter Bootstrap文本字段的高度太小了？

我正在使用bootstrap,我发现文本字段的高度太小.它不到10px.我想知道它是小还是我犯了一些错误.

我用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;
}

Run Code Online (Sandbox Code Playgroud)

高度表示它是18px,但它不是......有人可以帮忙吗？!

Answer 1

Die*_*len 167

添加<!DOCTYPE HTML>应修复此问题.这里提出了同样的问题:Twitter Bootstrap的文本输入呈现问题

我的文档中有<!DOCTYPE HTML>,这不能解决问题:\ (6认同)
为我修好了!但为什么？:) (5认同)

Answer 2

Jee*_*wes 7

如果最重要的答案没有帮助

我<!DOCTYPE html>已经,这对我来说不是问题.我不知道是什么问题,但我在我的css中修复了它:

input[type=text], input[type=password], input[type=email], input[type=tel] {
    height: 28px !important;
}

Run Code Online (Sandbox Code Playgroud)

这是一种解决方法,我不确定它是否有一些副作用.

归档时间：	14 年，4 月前
查看次数：	55052 次
最近记录：	9 年，1 月前