使用:focus-within

时间:2018-09-05 22:02:24

标签: css

我正在Angular Web应用程序中创建一个下拉菜单,其中标题是一个单独的组件。链接将更改“内容主体”中的内容,因此标头不会“刷新”。

如果设置了:focus-within,则单击锚元素时下拉菜单会“粘住”。例如:https://codepen.io/una/pen/eMaBgX(摘自https://css-tricks.com/solved-with-css-dropdown-menus/

如果您删除该行:

ul li:focus-within > ul,

下拉菜单不会停留。

当单击下拉列表中的链接时,如何阻止该下拉列表停留?谢谢

0 个答案:

没有答案