css - div:Opera ブラウザでアクティブ

Question

このフィドルを見てください。親divをクリックすると、アンカーの背景色が変わるようにしたい。アンカーの横をクリックした場合にのみ機能します。しかし、カーソルをアンカーに移動してからクリックしても、何も起こりません。firefox と chrome でのみ正常に動作します。

<div class="test">
  <a href="#">link me</a>
</div>


.test
{
  background:Gray;
}
.test:active a
{
  background:Red;
}

score 1 · Accepted Answer

すべてのブラウザで一貫性を保つために、代わりにアクティブな疑似タグをアンカータグに配置します。

.test a {
  background:Gray;
  display:block;
}
.test a:active {
  background:Red;
}

score 0 · Accepted Answer

Operaでサポートされていない一部のクラスと疑似は、この方法で試してみてください。これで問題が解決する可能性があります。

.test
{
  background:Gray;
}
.test:active a
{
  background:Red;
}
.test a:active 
{
  background:Red;
}

2 に答える 2