css - 如何在引导 css 框架中使输入文本更大？

Question

我有一个这样的引导文本框：

 <input type="text" class="span9" required name="input_text"/>

我希望我的输入框是 height 300px。对于宽度， span9 处理它。我在 Chrome 中使用了 Inspect 元素并像这样覆盖 css：

input.span9, textarea.span9, .uneditable-input.span9 {
width: 852px;
height: 300px;

具有所需高度和宽度的文本框看起来不错。但问题是我只能在大文本框之间输入一小部分。我希望用户能够输入整个文本框，即使文本框不够，我也想显示滚动。这怎么可能？

score 5 · Accepted Answer

根据我的评论，这是一个快速修复。使用 a<textarea>而不是，<input>它将按照您描述的方式运行。

score 0 · Accepted Answer

根据您的问题，听起来问题与 CSS font-size 和/或 line-height 属性有关。

input[text] 元素将从其父元素或用户代理设置继承 font-size 和 line-height 属性。

试试这个：

input.span9, textarea.span9, .uneditable-input.span9 {
width: 852px;
height: 300px;
font-size:92px;
line-height:92px;
}

至于“显示滚动”，这对于标准输入 [文本] 是不可能的。但是上面的示例显示了您对 textarea 元素所期望的滚动。

因此，您的解决方案是调整 font-size 和/或 line-height CSS 属性。

2 回答 2