有没有一种方法可以让链接不可点击，但仍然可以使用:悬停

Is there a way to make a link unclickable, but to still use :hover?

本文关键字：悬停 可以使 链接 一种 方法 有没有      更新时间：2023-09-26

我使用的CMS只允许导航中的链接。有一个例子，我有一个子菜单，但没有附加页面。请参见下文。

  1. 菜单1
    • 子菜单
      • 第1项
      • 第2项
  2. 菜单2
  3. 菜单3

所有三个顶级项目（菜单1,2,3）必须可点击+悬停。"子菜单"无法点击，但用户需要悬停才能查看项目1和项目2。

如果没有CMS中的限制，这当然不会成为问题。如果我添加以下CSS，那么我就无法单击或悬停。

.subMenu {
   pointer-events: none;
   cursor: default;
}

尝试<a href="#" onclick="javascript:return false;">My unclickable but hoverable link</a>。如果你的CMS不允许你指定onclick属性，那么只指示"#"作为链接就可以了。

相关文章：