鼠标按下时的CSS

通常我会使用:hover,但我希望我的网站也可以通过触摸屏媒体访问

我知道我可以使用:active,但只要我放开鼠标按钮,它就会回到非活动状态

我想:

鼠标按下:Div变为绿色

鼠标向上移动:Div保持绿色

鼠标按下:Div变为红色

鼠标向上移动:Div保持红色

而不是:

鼠标按下:Div变为绿色

鼠标向上:Div变红

不依赖jQuery:

:active伪类用于在单击元素时将css应用于元素

按钮{
颜色:红色;
}
.按钮:激活{
颜色:绿色;
}

发表评论