gpt4 book ai didi

html - CSS关于纯css的折叠菜单

转载 作者:行者123 更新时间:2023-11-28 02:00:22 28 4
gpt4 key购买 nike

我想知道有没有纯css的可折叠菜单的好例子

这是一个例子

http://cssdeck.com/labs/pure-css-tree-menu

该示例使用 input:checked 作为将子项从 display:none 更改为 display:block 的触发器

这是使用 li:hover 来做到这一点的例子

Make pure css collapsible menu triggered by down arrow for mobile browsers

但是我想使用li:click作为触发器,这可能吗?

非常感谢您的建议,非常感谢我可以举个例子。

最佳答案

是的,我们可以!

您可以使用在点击时激活的 :focus 伪:http://jsfiddle.net/w5zev/2/这种技术的停用更棘手。

摘自将我带到此处的谷歌搜索:http://quhno.internetstrahlen.de/myopera/csstests/collapsible-paragraph.html#url

关于html - CSS关于纯css的折叠菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14312949/

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