jQuery Mobile e righe textarea

Question

Quindi, mi piacerebbe visualizzare uno textarea su una sola riga.

Ma jQuery Mobile non la pensa così ... Qualunque sia il valore Ho impostato nell'attributo rows, è sempre in altezza 2 file ...

Sarebbe una soluzione?

Answer 1

Il jQuery Mobile CSS imposta una determinata altezza per textarea elementi:

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

È possibile creare la propria regola di ignorare questa altezza a qualcosa di più a linea singola:

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

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

Answer 2

È inoltre possibile utilizzare l'altezza massima per impostare i limiti di aumento automatico in textarea.

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