フォーム 文字のみ大きくする

CSSでフォントのサイズ指定、横幅はhtmlから文字数指定

 ＜例＞文字を大きくして、幅は小さくしたい場合
CSS側

input{
font-size:30px;
}

html側

<input size="5" type="text" value="テキスト" />

size…文字数です



その他にもいろいろCSSでできる↓

input[type="text"]{
height:43px;
vertical-align:top;
background:url(img/input_bg.png) no-repeat 0 0;
font-size:30px;
text-align:right;
}

height…高さ指定
[type="text"]…テキストのみにCSS
background…フォームの中に背景

テキストを右側に寄せることもできる




フォームもCSSでなんとかなるみたい・・・