如何在移动应用程序中更改文本输入元素的大小？

Question

我正在设计移动应用程序，我正在尝试更改html文本元素的大小。但“大小”属性并未显示任何影响。 我怎么能这样做？

提前致谢。

Answer 1

要动态更改大小，请使用JQuery中的css()方法：

$("#element").css({
    width: 100,
    height: 100
});

或者没有JQuery的另一种方式：

with (document.getElementById("element").style) {
    width = "100px";
    height = "100px";
}

---

要设置静态大小，请使用CSS width和height属性。

Answer 2

size属性是一个古老的遗物。

使用CSS定义input元素的尺寸。

Answer 3

HTML

<input type="text" class="input-text" />

CSS

.input-text
{
width:300px;
height:30px;
font:Verdana, Geneva, sans-serif;
font-size:30px;
}