※スタイルシート、スタイル属性の詳しい解説は、「HTMLの解説」にあります。

■ 送信ボタンの色変更

入力フォームなどに使用するテキスト入力欄や送信ボタンの色を変更します。
同じ方法で入力フォームで使用される要素のスタイルを指定する事ができます。

これらは、スタイルシートを使用する方法と、style属性で指定する方法があります。

スタイルシートスタイル属性の詳しい説明は、「HTMLの解説」−「15.スタイルシート」や「HTMLの解説」−「14.スタイル属性」を参照してください。

なお、表示色に関してはご自分できちんと指定してください。



■ スタイル属性で指定する方法

【記述サンプル】
<INPUT type="text" style="color:white;background-color: black;border-color:red;">
<INPUT type="button" value="送信" style="color: white;background-color:black;border-color: red;">

■ スタイルシートで指定する方法

まず、HEAD句内にスタイルシートを記述します。

【記述サンプル】
<STYLE type="text/css"> <!-- .btn {   color: white;   background-color: black;   border-color: red; } --> </STYLE>

次にテキスト入力欄や送信ボタンにスタイルシートを摘要します。

【記述サンプル】
<INPUT class="btn" type="text"> <INPUT class="btn" type="button" value="送信">

page update:2019/01/09 19:55

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom