jQuery Mobile và các dòng văn bản

Question

Vì vậy, tôi muốn hiển thị một số textarea chỉ trên 1 hàng.

Nhưng jQuery Mobile không nghĩ như vậy ... Dù giá trị tôi đặt trong thuộc tính rows, nó luôn luôn là 2 hàng cao ...

Nó sẽ có giải pháp nào?

Answer 1

Các jQuery Mobile CSS đặt một chiều cao cụ thể cho textarea yếu tố:

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; 
} 

Bạn có thể tạo quy tắc của riêng bạn để ghi đè lên chiều cao này để một cái gì đó nhiều hơn single-line:

.ui-page .ui-content .ui-input-text { 
    height : 25px; 
}​ 

Demo: http://jsfiddle.net/mEs8U/

Answer 2

Bạn cũng có thể sử dụng chiều cao tối đa để đặt giới hạn tự động phát hiện thành vùng văn bản.

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