jQuery Mobile和textarea行
所以,我想在一行上显示一个textarea
。
但是jQuery Mobile并不这么认为……无论我在rows
属性中设置什么值,它总是2行高……
它有什么解决方案吗?
jQuery Mobile CSS为textarea
元素设置了一个特定的高度:
textarea.ui-input-text { height : 50px; -webkit-transition : height 200ms linear; -moz-transition : height 200ms linear; -o-transition : height 200ms linear; transition : height 200ms linear; }
您可以创建自己的规则以将此高度覆盖为更多单行:
.ui-page .ui-content .ui-input-text { height : 25px; }
演示: http : //jsfiddle.net/mEs8U/
您还可以使用max-height将自动增长限制设置为textarea。
textarea.ui-input-text { max-height : 100px; }