fieldset要素のボーダーを省略指定で無しにすることができない

症状

fieldset要素にデフォルトで設定されているボーダーを無しにするときは、ボーダー幅とボーダースタイルの両方を指定しなければならない。

例示

<form action="#">
<fieldset style="border: none;">
<legend>フォーム</legend>
<p><input type="text"></p>
</fieldset>
</form>
フォーム

ボーダースタイルだけを指定し、ボーダー幅の指定を省略しています。

スクリーンショット

Moz1.0.2Moz1.0.2での表示(標準モード)

Op7Opera7.0での表示(標準モード)

補足

fieldset要素に対してはボーダー幅とボーダースタイルの両方を指定すればこのバグを回避できます。ただし、ボーダースタイルはnone以外にする必要があります。

<form action="#">
<fieldset style="border:0 solid;">
<legend>Opera7.0でもボーダーが消える(solid)</legend>
<p><input type="text"></p>
</fieldset>
<fieldset style="border:0 none;">
<legend>Opera7.0ではボーダーが消えない(none)</legend>
<p><input type="text"></p>
</fieldset>
</form>
Opera7.0でもボーダーが消える(solid)

Opera7.0ではボーダーが消えない(none)

修正状況

Opera7.0では標準・互換モードともに不具合の発生が確認されました。Opera6.05では発生しません。

スポンサーリンク

関連記事

スポンサーリンク

else

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

上に戻る