我注意到按钮和其他元素有一个默认的样式,行为分为3个步骤:普通视图,悬停/焦点视图和鼠标按下/单击视图,在CSS中我可以像这样改变普通视图和悬停视图的样式:
button{
background:#333;
color:#FFF;
}
button:hover{
background:#000;
color:#EEE;
}
但是我怎样才能选择鼠标向下呢?我想要这样的东西:
button:mousedown{
//some styling
}
谢谢
发布于 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
发布于 2017-11-18 01:46:19
我发现它的行为类似于mousedown事件:
button:active:hover {}
发布于 2019-06-07 20:38:28
我最近发现:active:focus
和:active:hover
在css中做同样的事情,如果你需要覆盖一个自定义css库,他们可能会同时使用这两个库。
https://stackoverflow.com/questions/16715274
复制相似问题