使用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选择器。

Here's a jsFiddle with an example

Answer 4

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

所以

.class:active{
     background:red;
}