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

Question

我正在设计一个移动应用程序，我正在尝试更改 html 文本元素的大小。但是“大小”属性没有显示出任何影响。我该怎么做？

提前致谢。

Answer 1

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

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

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

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

---

要设置静态大小，请使用 CSSwidth和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;
}