ボーダーとマージンを設定した要素内のフォント指定が無視される

症状

ボーダーとマージンを設定したブロック要素内では、親要素やブラウザ既定のフォントや前景色に関する指定が無視される。例えば見出し要素は初期状態でフォントサイズを指定したり、フォントウェイトをボールドにしたりしているが、これらが無視されてしまう。

例示

<div style="font-style:italic;">
<p style="margin:0; border:1px solid blue; background:black; color:white;">
フォントや前景色が無視される</p>
</div>

フォントや前景色が無視される

p要素でマージン、ボーダーを設定し、さらに背景色を黒、前景色を白にしています。また、親要素からはイタリック表示が継承されます。

スクリーンショット

Moz1.0Moz1.0での表示

N4.78NN4.78での表示

※NN4.78では前景色が強制的に黒になってしまうために文字が見えなくなっています。「無視される」の部分は範囲選択をして見えるようにしています。

補足

Mac版NN4.75では当該要素(例示ではp要素)に指定しなおすことで回避できるそうです。

修正状況

NN4.78では不具合の発生が確認されました。

関連記事

スポンサーリンク

bodyにz-indexを指定すると子孫要素の背景指定が無視される

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

上に戻る