背景を指定したフォーム部品で視覚スタイルが無効になる

症状

input要素やtextarea要素に背景を指定すると、WindowsXP以降で実装された視覚スタイルによる装飾が無効になりクラシックスタイルの装飾(Win2000/9xと同じ装飾)になってしまう。

例示

<form>
<ul><li>
<input type="text" style="width:10em;" value="背景なし">
</li><li>
<input type="text" style="width:10em; background:silver;" value="背景あり">
</li></ul>
</form>

2つの入力ボックスを設置しています。前者は背景指定なし、後者は背景指定ありの場合です。

スクリーンショット

WinIE6WinIE6.0標準モード

補足

この不具合は入力ボックス(input, textarea)、チェックボックス(input)、ラジオボタン(input)、押しボタン(input, button)の各フォーム部品とfieldset要素のデフォルトのボーダーで発生します。セレクトボックスでは発生しないようです。

修正状況

WinIE6.0(WindowsXP)で不具合の発生を確認しました。

スポンサーリンク

関連記事

スポンサーリンク

clearを指定した要素ではフロートに対して上マージンを設置する

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る