如何在bootstrap css框架中使输入文本更大?

时间:2013-03-29 16:06:13

标签: css twitter-bootstrap textbox

我有一个这样的bootstrap文本框:

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

我希望我的输入框高度为300px。对于宽度,span9处理它。我在Chrome中使用了Inspect元素并覆盖了这样的css:

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

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

2 个答案:

答案 0 :(得分:5)

根据我的评论,这是一个快速解决方案。使用<textarea>代替<input>,它将按照您描述的方式运行。

答案 1 :(得分:0)

根据您的问题,听起来这个问题与CSS字体大小和/或行高属性有关。

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

试试这个:

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

http://jsfiddle.net/xvznz/3/

就“显示滚动”而言,标准输入[文本]是不可能的。但是上面的示例显示了您对textarea元素的滚动。

因此,您的解决方案是调整字体大小和/或行高CSS属性。