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

我想问一下是否有办法在：active 伪类之后立即更改元素（如按钮）的样式，即在用户释放鼠标单击该元素后立即，就像他们在"Facebook"上的"注册"按钮中所做的那样（https://www.facebook.com/只需尝试单击它，然后当您释放鼠标时，您会看到按钮在背景中变为白色。可以使用 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>

这是你的意思吗？

相关内容

最新更新

热门标签：