JQuery Mobile textarea：如何使用“rows”属性？

我想使用 JQuery Mobile 动态生成具有不同行数的文本区域。我打算为此使用淘汰赛，将数据绑定到rows属性。

例如。这里：http://jsfiddle.net/j7b9A/2/

<label for="textarea-1">5 rows:</label>
<textarea rows="5" name="textarea-1" id="textarea-1"></textarea>

<label for="textarea-2">10 rows:</label>
<textarea rows="10" name="textarea-2" id="textarea-2"></textarea>

然而，JQuery Mobile 似乎忽略了rows属性，这是有详细记录的：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea，甚至包含在 JQuery Mobile 自己的文档中：http://view.jquerymobile.com/1.3.1/dist/demos/widgets/textinputs/index.html#Textarea.

这里的注释指出设置高度和宽度会覆盖rows属性：https://stackoverflow.com/a/7194692/1061602。看来这是因为 JQuery Mobile 在文本区域扩展时正在进行转换。那么 rows 属性总是被完全覆盖吗？

另一个类似的问题在这里：如何让文本区域的高度固定为10行？，但这对我没有帮助，因为我不想固定所有文本区域的高度，我希望它们有所不同，因为它们通常可以使用rows属性。

另外我注意到，我无法解释的是，在我自己的代码中，一个流氓style="height: 184px;"添加到我的一个文本区域，但不是另一个。另一个只使用 50px 的标准样式，如这个答案中突出显示的：jQuery Mobile 和文本区域行- 这似乎表明还有其他事情正在发生，但我还无法通过简单的小提琴来重现这一点。

我快速查看了 JQuery Mobile 源代码，但看不到rows属性被使用了吗？

为一系列绑定的 JQuery Mobile 文本区域指定行高范围的最佳方法是什么？

你所需要的只是......添加这个

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