在 Internet Explorer 中禁用 html 锚点答案

【问题标题】：Disable html anchor in Internet Explorer在 Internet Explorer 中禁用 html 锚点
【发布时间】：2015-10-09 21:40:41
【问题描述】：

我的应用程序出现问题，我想用css 禁用html 锚点，我在Disable link using css 中看到了一个解决方案，该解决方案在Chrome 和Firefox 中运行良好，但是当我打开我的页面到Internet Explorer 时，它不能被禁用，我浏览了很多链接，但我没有得到任何 Internet Explorer 的解决方案，如果你有任何有用的链接或答案，请帮助我。提前致谢

http://jsfiddle.net/7EQJp/

<a href="link.html" class="active">Link</a>

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

【问题讨论】：

标签： html css internet-explorer

【解决方案1】：

您可以使用pointer-events css 属性来禁用链接，但它们在ie 中存在已知问题。从 ie 11 开始支持此属性。有一个小技巧。您应该将 disabled 类添加到链接并将 disabled 属性添加到链接，然后添加下面给出的 css。您还需要为禁用的锚属性提供指针事件 none。在这两个之后，这应该可以在大多数浏览器中使用。

a.disabled {
    pointer-events: none;
}

a[disabled] {
    pointer-events: none;
}

看到这个fiddle。

【讨论】：

是的，这个技巧在 ie 中运行良好。感谢@Rahul 的回答

【解决方案2】：

禁用链接的CSS方式：

a[disabled]{
pointer-events: none;}

否则你可以使用 javascript 来禁用链接：

$("td > a").attr("disabled", "disabled");

【讨论】：

【解决方案3】：

指针事件最初只有 Mozilla。它已在-webkit- 中采用，但不幸的是在 IE 中没有采用。现在他们有了 Edge。我想永远不会是这样。

来自 MDN 文档：

警告：在 CSS 中对非 SVG 元素使用指针事件是实验性的。该功能曾经是 CSS3 UI 草案规范的一部分，但由于许多未解决的问题，已推迟到 CSS4。

【讨论】：

那么意味着不使用javascript我们不能禁用链接，即@Jay

【解决方案4】：

我也面临这种类型的问题。但我在我的代码和它的工作中使用了这个解决方案。

.disableButton {
    background: #e6eeee none repeat scroll 0 0;
    border: 2px solid #cdcdcd;
    border-radius: 20px/40px;
    color: #dcd7dc;
    cursor: pointer;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    image-rendering: inherit;
    padding: 5px 30px;
    pointer-events: none;
    text-decoration: none;
    display : inline-block;
   }

【讨论】：