CSS中的鼠标按下选择器是什么？
CSS中的鼠标按下选择器是什么？
提问于 2013-05-23 21:31:03
我注意到按钮和其他元素有一个默认的样式，行为分为3个步骤:普通视图，悬停/焦点视图和鼠标按下/单击视图，在CSS中我可以像这样改变普通视图和悬停视图的样式：
button{
background:#333;
color:#FFF;
}
button:hover{
background:#000;
color:#EEE;
}但是我怎样才能选择鼠标向下呢？我想要这样的东西：
button:mousedown{
//some styling
}谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-05-23 21:33:06
我想你指的是活动状态
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
Stack Overflow用户
发布于 2017-11-18 01:46:19
我发现它的行为类似于mousedown事件：
button:active:hover {}Stack Overflow用户
发布于 2019-06-07 20:38:28
我最近发现:active:focus和:active:hover在css中做同样的事情，如果你需要覆盖一个自定义css库，他们可能会同时使用这两个库。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16715274
复制相关文章
相似问题
腾讯云开发者
