什么是在CSS中的鼠标下拉select器？

我注意到，button和其他元素有一个默认的样式和行为的3个步骤：正常的看法，hover/焦点视图和mousedown /点击查看，在CSS中我可以改变正常视图和hover视图样式如下：

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

但我怎样才能selectmousedown？ 我想要这样的东西：

 button:mousedown{ //some styling } 

谢谢

Answer 1

我认为你的意思是活跃的状态

  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 */ 

另见： http : //www.w3.org/TR/selectors/#the-user-action-pseudo-classes-hover-act

Answer 2

Pro-tip注意：出于某种原因，CSS语法需要:active在:hover 之后的:active代码片段为相同的元素为了有效

http://www.w3schools.com/cssref/sel_active.asp

Answer 3

我发现这就像一个事件：

 button:active:hover {}