css - 使用 CSS 突出显示鼠标按下时的 div

Question

是否可以使用鼠标按下事件突出显示 div（更改其背景颜色）并在鼠标按钮上升时取消突出显示，仅使用 CSS？

Answer 1

我不确定它的支持范围有多广，但这似乎至少有效（在 chrome FF 和 Safari 中）

http://jsfiddle.net/sQU2V/

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

Answer 2

尝试使用伪类:active：

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

演示：http: //jsfiddle.net/darkajax/JEy9f/

根据MDN，它应该与 Chrome、Firefox 和 IE 8+ 等兼容...

Answer 3

是的，您可以使用:active选择器。

这是一个带有示例的 jsFiddle。

Answer 4

您是否尝试过 :active 伪选择器？

所以

.class:active{
     background:red;
}