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

时间:2013-12-29 23:10:39

标签: css button mouseevent

我想询问是否有一种方法可以在:active伪类之后立即更改元素的样式(如按钮),即在用户释放鼠标单击该元素之后,就像它们一样在“注册”按钮的“Facebook”上进行操作(https://www.facebook.com/只需尝试点击它,然后当你松开鼠标时,你会看到按钮在后台变成白色。 是可以用css还是我应该使用JQuery?我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

试试这个:

<!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>

这是你的意思吗?