我有一个这样的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;
文本框看起来很好,具有所需的高度和宽度。但问题是我只能输入大文本框之间的小部分。我希望用户能够输入整个文本框,即使文本框不够,我也想显示滚动。怎么可能?
答案 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;
}
就“显示滚动”而言,标准输入[文本]是不可能的。但是上面的示例显示了您对textarea元素的滚动。
因此,您的解决方案是调整字体大小和/或行高CSS属性。