Html CSS中的鼠标下键选择器是什么？

我注意到按钮和其他元素有一个默认样式，并分为3个步骤：普通视图、悬停/焦点视图和鼠标向下/单击视图。在CSS中，我可以更改普通视图和悬停视图的样式，如下所示：

button{
  background:#333;
  color:#FFF;
}

button:hover{
  background:#000;
  color:#EEE;
}

button:mousedown{
  //some styling
}

但是如何选择鼠标向下？我想要这样的东西：

button{
  background:#333;
  color:#FFF;
}

button:hover{
  background:#000;
  color:#EEE;
}

button:mousedown{
  //some styling
}

---

谢谢

我想你指的是活动状态

 button:active{
  //some styling
 }

以下是链接在CSS中可能具有的所有伪状态：

a:link {color:#FF0000;}    /* unvisited link, same as regular 'a' */
a:hover {color:#FF00FF;}   /* mouse over link */
a:focus {color:#0000FF;}   /* link has focus */
a:active {color:#0000FF;}  /* selected link */
a:visited {color:#00FF00;} /* visited link */

另请参见：

专业提示注释：出于某种原因，CSS语法需要在同一元素的

：hover

之后添加

：active

代码段才能生效

---

我发现它的行为类似于鼠标下移事件：

button:active:hover {}

---

我最近发现

：active:focus

在css中的作用与

：active:hover

相同。如果您需要覆盖自定义css库，它们可能同时使用这两种方法

看起来像是@x4vier的复制品：我不这么认为。再说一次，在这种情况下，很难说“鼠标按下”是什么意思。我不想要链接，我需要按钮，特别是因为在移动设备中，hover会产生一个难看的故障。谢谢，如果是这样的话，我会更充分地设计按钮。通过添加边框：0；您丢失了按钮周围的挡板以及您遇到的问题。@jansmolders86您知道css中的图像或按钮是否有mouseover、mouseleave、mousedown、mouseup选择器吗？@J.Fun不是真的，您可以尝试通过使用：悬停状态来获得所需的效果。但是如果没有javascript，就无法区分两者。CSS是按顺序计算的，因此这是有意义的；元素在

：悬停

之前不能成为

：活动

。此外，

：活动

必须在

：焦点

之后才能工作。感谢你指出这一点，我真的抓挠我的头，为什么我的CSS没有任何效果@在区域中，它当然可以在被悬停之前变为：活动。你可以用键盘激活它，而键盘不会悬停。这正是我要找的。这种组合在我尝试过的每一台设备上都像鼠标下键选择器。非常感谢。我相信这是正确的答案。