Opera CSSバグリスト

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

2003-03-22更新。原因が分かりました。

症状

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

例示

a:link    { color: #0000ff; }
a:visited { color: #006400; }
a:hover   { background: #ffe4e1; }
a:active  {  color: #ff4500; }

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

<p id="sa">
<a href="../../index.html">トップページ</a>
</p>

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

スクリーンショット

補足

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

<style type="text/css">
a.und {
  text-decoration: underline;
}
</style>

<p id="sa">
<a class="und" href="../../index.html">トップページ</a>
</p>

修正状況

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