href Internet Explorer 上的指针事件

Question

我在 Internet Explorer 中看到了在 SVG 上使用指针事件的方法，但对于一个项目，我需要更改 a href（指针事件：无）。我该怎么做？

（我无法更改代码，只能添加 CSS）

谢谢！ :)

Answer 1

如果您尝试禁用此菜单中的所有链接，则有一个 CSS 选项涉及覆盖锚链接的 li 上的 ::after 伪元素。

最佳解决方案是 javascript。

如果您想定位特定的列表项/锚组合，您可以使用相同的技术，使用 nth-child。

 li:nth-child (insert your number here)

基于给定的结构。

#custom-nav-inner {
    display: inline-block;
}
#custom-nav-inner li {
    list-style-type: none;
    position: relative; /* positioning context */
}
#custom-nav-inner li a {
    display: block;
    background: #bada55;
    padding:0.25rem 1rem;
}

#custom-nav-inner li a:hover {
    background: #f06d06;
}
#custom-nav-inner li::after {
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;

}

<div id="custom-nav-inner">
    <ul>
        <li><a href="/">Home</a>

        </li>
        <li><a href="/the-device">The Device</a>

        </li>
        <li><a href="/musthaves.html">Musthaves</a>

        </li>
    </ul>
</div>