Home > Windows > Opera > ver.9 Under 全称セレクタとbox-sizing:border-box;を組み合わせるとリンクの下線が表示されない

全称セレクタとbox-sizing:border-box;を組み合わせるとリンクの下線が表示されない

全称セレクタ(*)や全称セレクタを含むセレクタ(html * など)に対して box-sizing: border-box; というスタイルを適用させた場合、これらのセレクタにマッチする要素内でリンク文字列にデフォルトで設定されている下線が表示されない。

例示

<style type="text/css">
<!--
#sa * {
    box-sizing: border-box;
}
-->
</style>

<p id="sa"><a href="./">リンク</a></p>

下線に関するスタイル(text-decorationプロパティ)は指定していません。

スクリーンショット

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

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

補足

text-decorationプロパティで下線装飾を明示することでこのバグを回避できます。

<style type="text/css">
<!--
#sa * {
    box-sizing: border-box;
}
a.und {
    text-decoration: underline;
}
-->
</style>

<p id="sa"><a class="und" href="./">リンク</a></p>

修正状況

Opera7.03では標準・互換モードの両方で不具合の発生が確認されました。

Home > Windows > Opera > ver.9 Under 全称セレクタとbox-sizing:border-box;を組み合わせるとリンクの下線が表示されない

Search
オススメ書籍
Feeds

Return to page top