サイト内検索
...スタイルシート(css)...
スタイルシート・フォーム
文字の色
- 入力欄や送信ボタンなどの文字の色は、
フォーム(form要素)のinput要素・textarea要素・select要素に - colorプロパティを指定します。
- [使い方]
- select{
color: #999999;
}
プロパティ名 | 値 | 説明 |
---|---|---|
color | ; |
16進数RGB値(例・・#fff000)
または カラーネーム(例・・red)を指定します。 |
サンプル
[headの中]
<style type="text/css"><!--
select{
width: 300px;
color: #01aff0;
}
option.sample{
color: #a50b09;
}
textarea{
width: 300px;
height: 70px;
color: #a50b09;
}
input{
color: #009300;
}
-->
</style>
[bodyの中]
<form method="get" action="sample.html">select
<select name="wakusen" size="1">
<option value="サンプル-1">サンプル-1</option>
<option value="サンプル-2" class="sample">サンプル-2</option>
<option value="サンプル-3">サンプル-3</option>
</select>
<input type="submit" value="送信する" />
textarea
<textarea cols="20" rows="2">
サンプル-1
サンプル-2
サンプル-3 </textarea>
<input type="submit" value="送信する" />
[ブラウザ上]