gpt4 book ai didi

css - :active pseudo class? 鼠标松开后如何改变按钮的css样式

转载 作者:太空宇宙 更新时间:2023-11-03 18:25:44 26 4
gpt4 key购买 nike

我想问一下是否有一种方法可以在 :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>

这是你的意思吗?

关于css - :active pseudo class? 鼠标松开后如何改变按钮的css样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20831131/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com