jQuery Mobile和textarea行

Question

所以，我想只在1行顯示textarea。

但jQuery Mobile的卻不這麼認爲......不管我的值在rows屬性設置，它始終是2行高...

它會有什麼解決辦法嗎？

Answer 1

的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/

Answer 2

您還可以使用max-height將自動增長限制設置爲textarea。

textarea.ui-input-text { 
    max-height : 100px; 
}