使える!WEB小技集〜スタイルシートでフォームボタン、テキストフィールドの文字と背景色を変えるTips。
1upWEB!ホームページ制作の定番紹介!ノウハウ、小技Tips、検索エンジン、アクセスアップ方法、バナー広告など。1upWeb!,WEB,web,ウェブ,サイト,ホームページ,作成,TIPS,方法,アクセスアップ,JavaScript,CGI,スタイルシート,ダウンロード,フリー,自由,無料,画像  
Home使える!WEB小技集

Last Up 2003年11月21日 (金)

 

● フォームボタン、フィールドの文字/背景色変え

表示したい場所に挿入。

<input type="button" value="背景がオレンジで文字が黒のボタン"
name="button" STYLE="background:#FFCC00;color:#000000">

上記のようにすると、下ようになります。



テキストフィールドでも同じです。

<input type="text" name="textfield2" STYLE="background:#FFCC00;color:#000000"
value="こんな感じです。">

テキストフィールド→

backgroudが背景色の指定
colorが文字色の指定

 

ADVERTISEMENT