jquery-mobile - 如何降低文本框的高度

Question

嗨如何减少文本框的高度...

HTML CODE:
<textarea id="" name="" placeholder=""></textarea>

score 1 · Accepted Answer

1

#pageID div textarea.ui-input-text {height: 20px;}

于 2012-12-12T09:21:23.140 回答

score 0 · Accepted Answer

使用rows属性，您可以更改 textarea 中的行数，而不是完全的 height 属性（以像素为单位指定），但我认为rows这是您想要的。高度为 20 行的示例：

<textarea id="" rows="20" name="" placeholder=""></textarea>

以同样的方式，有一个cols属性可以指定文本区域的宽度（以字符为单位）。

score 0 · Accepted Answer

对于 textarea 使用rows“或 and”cols并设置您想要的值，对于普通文本框，您可以为其设置样式style="height:20px;"

score 0 · Accepted Answer

通过使用CSS，您可以调整高度<textarea>

首先，在你的名字上加上一些名字id

<textarea id="box" name="" placeholder=""></textarea>

然后，你想要的高度px

#box {
    height:10px; /* example */
}

4 回答 4