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

■ フォーム要素の色変更

入力フォームに使用される要素の枠の色変更を指定してみます。
要素により指定できるものとできないものがあります。
また、スタイルシートを利用するためにドキュメントタイプ(DTD)を明言している場合も表現できない場合があります。

これらは、スタイルシートを使用して指定しています。

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

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

1行テキスト
パスワード
テキストエリア
ボタン
チェックボックス
ラジオボタン
オプションメニュー
リストボックス
ファイル選択ボタン


まず、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>

page update:2010/01/23 20:32

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