jQuery Mobile и текстовые строки

Question

Итак, я бы хотел отобразить textarea только для 1 строки.

Но jQuery Mobile так не считает ... Какое бы значение я ни указывал в атрибуте rows, оно всегдавысота 2 строки ...

Будет ли какое-нибудь решение?

Answer 1

CSS jQuery Mobile устанавливает конкретную высоту для элементов 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

Вы также можете использовать максимальную высоту, чтобы установить пределы автоматического роста на textarea.