如何在鼠标释放:active伪类后更改按钮的css样式?

如何在鼠标释放:active伪类后更改按钮的css样式?,css,button,mouseevent,Css,Button,Mouseevent,我想问一下,是否有一种方法可以在:active pseudo类之后立即更改元素的样式(如按钮),也就是在用户释放鼠标点击该元素之后,就像他们在“注册”按钮中的“Facebook”上所做的那样(试着点击它,然后当你释放鼠标时,你会看到按钮在背景中变成白色。 是否可以使用css或JQuery?我如何才能做到这一点?尝试以下方法: <!DOCTYPE html> <html> <head> <title></title>

我想问一下,是否有一种方法可以在:active pseudo类之后立即更改元素的样式(如按钮),也就是在用户释放鼠标点击该元素之后,就像他们在“注册”按钮中的“Facebook”上所做的那样(试着点击它,然后当你释放鼠标时,你会看到按钮在背景中变成白色。 是否可以使用css或JQuery?我如何才能做到这一点?

尝试以下方法:

<!DOCTYPE html>
<html>
    <head>
    <title></title>
    <style  type="text/css">
        div{
            width:100px;
        }
        a:link{
            color:blue;
        }
        a:visited{
            color:yellow;
        }
        a:hover{
            color:green;
        }       
        a:active{
            color:red;
        }
        a:link > div{
            background-color:yellow;
        }
        a:visited > div{
            background-color:green;
        }
        a:hover > div{
            background-color:red;
        }       
        a:active > div{
            background-color:blue;
        }
    </style>
    </head>
    <body>
        <a href=""><div>Click</div></a>
    </body>
</html>

div{
宽度:100px;
}
a:链接{
颜色:蓝色;
}
a:参观了{
颜色:黄色;
}
a:悬停{
颜色:绿色;
}       
a:主动的{
颜色:红色;
}
a:链接>分区{
背景颜色:黄色;
}
a:访问>分区{
背景颜色:绿色;
}
a:悬停>div{
背景色:红色;
}       
a:活动>分区{
背景颜色:蓝色;
}

这就是你的意思吗?

据我所知,这是css伪类无法实现的。你很可能需要使用JavaScript更改onclick事件中的颜色使用复选框技巧,并将实际的框从屏幕上扔下或在z索引中扔下。你很可能需要将
锁定在('mouseup',callback)上
event不,不是。当你点击链接时,它会变成蓝色,但当你释放鼠标按钮时,链接会再次变成绿色。我想在你释放鼠标点击后,将链接背景变成紫色,然后在一段时间后再次变成绿色,也许我应该在点击时使用Javascript事件?但我该怎么做呢?我想明天我带你去。今天我将享受一些家庭时光。祝你新年快乐!谢谢!也祝你新年快乐!我会等你的。