如何在JQuery Mobile中定義文本區域的高度和寬度？

Question

在輸入之前，輸入字段是預定義的大小（屏幕寬度上的兩行）.. :(它沒有采用任何東西，因爲我在行和列中定義了值.. 例如： 仍然輸入字段是固定的.. .Showing沒有變化。

漸漸地，爲我們介紹了文本的輸入字段增加高度，以查看其整體提出的案文。

但我需要的是確定自己的高度和寬度textfeild ...如果輸入的文本越多，逐漸增加應該增加

我使用的代碼是：

<div data-role="content"> 
<form method="post" name="login" data-ajax="false"> 
<label for="textarea"><h3><u>Add Comment</u> : </h3></label> 
<textarea cols="8" rows="50" name="textarea" id="comment"> 
</textarea> 
</form> 
<div> 

Answer 1

有幾種方法可以做到這一點。

可以使用的cols &行屬性...

​$("textarea").​​​​​​attr("rows", 20)​​​​​​; 
​$("textarea").​​​​​​attr("cols", 25)​​​​​​; 

或設置寬度&高度直接...

​$("textarea").​​​​​​height(200); 
​$("textarea").​​​​​​width(250); 

我給電子書籍textarea的ID和使用作爲選擇器，如上所述顯然會影響頁面上的所有textarea元素。

Answer 2

試試這個..

$("textarea#comment").​​​​​​css({'height':'100px', 'width':'250px'}); 

FIDDLE

Answer 3

如果我需要預設一個textarea的大小，我宣佈在HTML本身的大小：

<textarea id="Summary" style="height:100px; width:250px"></textarea> 

Answer 4

的jQuery mobile會自動附加類「.ui-input-text」到textarea
然後高度將被設置爲50像素（在我的jQuery移動版）
所以我們需要做在你的CSS文件設置這樣的：

textarea.ui-input-text { height: inherit } 

，並全部完成:)

Answer 5

這已經在這裏找到答案：JQuery Mobile textarea: how does it use 'rows' attribute?

總之，將！重要標誌添加到您的CSS項目。

.custom_class { 
    height: auto !important; /* !important is used to force override. */ 
}