※スタイルシート、スタイル属性の詳しい解説は、「HTMLの解説」にあります。
■ フォーム要素の色変更
入力フォームに使用される要素の枠の色変更を指定してみます。
要素により指定できるものとできないものがあります。
また、スタイルシートを利用するためにドキュメントタイプ（DTD）を明言している場合も表現できない場合があります。
これらは、スタイルシートを使用して指定しています。
※スタイルシートやスタイル属性の詳しい説明は、「HTMLの解説」−「15.スタイルシート」や「HTMLの解説」−「14.スタイル属性」を参照してください。
なお、表示色に関してはご自分できちんと指定してください。
まず、HEAD句内にスタイルシートを記述します。
下記のように「.」に続いて任意のスタイル名で指定します。
- 【記述サンプル】
-
<STYLE type="text/css">
<!--
.pinkw {
color: #CC66CC;
background-color: #FFFFFF;
border-bottom: 1 solid #FF99FF;
border-left: 1 solid #FF99FF;
border-right: 1 solid #FF99FF;
border-top: 1 solid #FF99FF;
scrollbar-3d-light-color: red;
scrollbar-face-color: white;
scrollbar-arrow-color:#FF99FF;
scrollbar-base-color:white;
scrollbar-darkshadow-color: white;
scrollbar-highlight-color: #FF99FF;
scrollbar-shadow-color: #FF99FF;
scrollbar-track-color: white;
}
-->
</STYLE>
次に色指定したい要素に、次のようにその要素のclass属性を指定します。
- 【記述サンプル】
- <TEXTAREA class="pinkw">色変更のサンプル</TEXTAREA>