gpt4 book ai didi

php - 如何在css中点击事件

转载 作者:太空宇宙 更新时间:2023-11-04 11:57:21 27 4
gpt4 key购买 nike

这个有效:

.rightone ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.rightone ul li {
display: block;
position: relative;
float:right;
}
.rightone li ul {
display: none;
}
.rightone ul li a {
display: block;
padding: 5px 30px 5px 30px;
text-decoration: none;
white-space: nowrap;

}
.rightone ul li li {
background-color: black;
border-radius:5px;
padding: 2%;
}
.rightone ul li a:hover {
color:#0ef2c4;
}
.rightone li:active ul {
display: block;
text-align: left;
position: absolute;
}
.rightone li:hover li {
float: none;
}
.rightone li:hover a {
color:#0ef2c4;
}
.rightone li:hover li a:hover {
color:white;
}
.arrow-down {
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #0ef2c4;
cursor: pointer;
}

但它只有在我按住时才有效...但我需要,如果我再次单击显示该弹出窗口单击该箭头它将隐藏..

My output

我也想移动左侧的弹出窗口..

我想要这样

https://jsfiddle.net/z4fej7gm/但是我不知道如何应用到我的元素中

请任何人帮助我..提前致谢

最佳答案

CSS 不支持点击事件

关于php - 如何在css中点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30098432/

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