Form

Formに対するCSS

.formstyle	{
	color : red ;
	background : yellow ;
	border-color : teal ;
	border-width : 2px 4px 3px 1px ;
	border-style : ridge; 
	scrollbar-base-color : orange ;
}

<form>
<input type="button" name="button" value="button" class="formstyle"><br>
<input type="submit" name="submit" value="submit" class="formstyle"><br>
<input type="reset" name="reset" value="reset" class="formstyle"><br>
<input type="checkbox" name="checkbox" value="checkbox" class="formstyle"><br>
<input type="radio" name="radio" value="radio" class="formstyle"><br>
<input type="text" name="text" value="text" size="10" class="formstyle"><br>
<input type="password" name="password" value="password" size="10" class="formstyle"><br>
<textarea name="texterea" cols="10" rows="2" class="formstyle"></textarea><br>
<select name="select" size="1" class="formstyle">
<option value="option1" class="formstyle">option</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
</select>
</form>

実施例

実際の見栄え

NC4.75ではボーダーのバグがあるので、単純にFORMの各要素にCSSを定義するのは問題があります。

また、IE5、Netscape6ともに、FORM要素へのスタイル定義では、その子要素であるINPUTなどの要素へは継承は行われませんでしたので、FORM要素ではなく、INPUTなど各要素にスタイル定義をする必要があります。

そのほか、checkboxやradioの中身はNetscape6.1ではスタイル定義の内容が反映されるのに対し、IE5.01では白バックの黒チェックになります。システムカラーでも無いし、IE独自色ということなのでしょうか？？？

IE5.01	NC4.75	Netscape6.1

Back