※スタイルシート、スタイル属性の詳しい解説は、「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="送信">