css - CSSを使用してマウスダウンでdivを強調表示する

Question

CSSのみを使用して、マウスダウンイベントでdivを強調表示(背景色を変更)し、マウスボタンが上がったときに強調表示を解除することは可能ですか?

score 14 · Accepted Answer

どれだけ広くサポートされているかはわかりませんが、少なくとも (chrome FF と Safari では) 動作するようです。

  <style>div:active{background:red}</style>
  <div>test</div>

score 6 · Accepted Answer

疑似クラスを使用してみてください:active:

yourselector:active {
    background: #F00; // Or whatever
}

MDNによると、Chrome、Firefox、IE 8+ などと互換性があるはずです...

score 1 · Accepted Answer

1

はい、:activeセレクターを使用できます。

于 2013-04-17T13:46:07.153 に答える

score 0 · Accepted Answer

0

:active 疑似セレクターを試しましたか?

そう

.class:active{
     background:red;
}

于 2013-04-17T13:45:22.797 に答える

4 に答える 4