[新着] Webテンプレートを仮オープンしました
background-color は、背景色を指定するプロパティです。
input、textarea、select要素にこのスタイルを設定すると、フォームの入力欄やボタン、セレクトボックスなどの背景色を指定できます。
input, select, textarea {
background-color: #85b9e9;
}
次のように transparent を指定すると、「透明」を指定したことになります。
background-color: transparent;
セレクトボックスの場合は、option要素に対してスタイルを設定すると、選択項目別に背景色を指定できます。（Operaでは対応していないようです）
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
#example1 { width: 300px; }
select { width: 200px; }
textarea {
width: 300px;
height: 7em;
}
input, select, textarea {
background-color: #bde9ba;
}
#example2 {
background-color: #ffffff;
}
-->
</style>
</head>
<body>
<form method="POST" action="example.cgi">
<p><input type="text" name="demo1" id="example1"></p>
<p><select name="demo2">
<option value="Webサイト1">Webサイト1</option>
<option value="Webサイト2">Webサイト2</option>
<option value="Webサイト3" id="example2">Webサイト3</option>
<option value="Webサイト4">Webサイト4</option>
<option value="Webサイト5">Webサイト5</option>
</select></p>
<p><textarea name="demo3" cols="50" rows="7"></textarea></p>
<p><input type="submit" value="送信"></p>
</form>
</body>
</html>
▼これをブラウザで見ると次のように表示されます
※サンプルのため送信できません
