HTMLテキスト要素のサイズを変更しようとしているモバイル用のアプリケーションを設計しています。しかし、「サイズ」属性は影響を示していません。どうすれば同じことができますか?
前もって感謝します。
サイズを動的に変更するには、css()
jQueryのメソッドを使用します。
$("#element").css({
width: 100,
height: 100
});
またはjQueryなしの別の方法:
with (document.getElementById("element").style) {
width = "100px";
height = "100px";
}
静的サイズを設定するには、CSSwidth
とheight
プロパティを使用します。
size
属性は古代の遺物です。
CSSを使用してinput
要素の寸法を定義します。
HTML
<input type="text" class="input-text" />
CSS
.input-text
{
width:300px;
height:30px;
font:Verdana, Geneva, sans-serif;
font-size:30px;
}