css - 如何禁用 ＜a＞ 标签点击，让 ＜a＞ 标签实现 disabled 禁用效果（鼠标无法触发点击事件）(css禁用button按钮)

css - 如何禁用 ＜a＞ 标签点击，让 ＜a＞ 标签实现 disabled 禁用效果（鼠标无法触发点击事件） 介绍

推荐整理分享css - 如何禁用 ＜a＞ 标签点击，让 ＜a＞ 标签实现 disabled 禁用效果（鼠标无法触发点击事件）(css禁用button按钮)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:css设置禁用,css禁止用户选择网页文本,css设置禁用,css如何禁用按钮,css禁用button按钮,css如何禁用按钮,css cursor 禁用,禁用css的样式控制,内容如对您有帮助，希望把文章链接给更多的朋友！

我们知道a标签是没有disabled属性的，那么我们该如何实现a标签按钮的禁用呢？

方法一（推荐）

给a标签设置 “禁用” 属性，如下代码所示：

<a style="pointer-events:none" @click="xx()">

这样 @click 点击事件就不会触发了。

方法二

使用 jquery：removerAttr() 或者 JS：removeAttribute() 移除 a 标签的 href 属性。

方法三

使用 jquery：unbind() 或者 JS：removeEventListener() 移除点击事件。

其他

如果想禁用a标签，如下，class调用disabled就可以了

<style> a.disabled { style="color:rgb(98 189 255)">pointer-events: none; style="color:rgb(255 211 0)">filter: alpha(style="color:rgb(253 97 106)">opacity=50); /*IE滤镜，透明度50%*/ style="color:rgb(98 189 255)">-moz-style="color:rgb(253 97 106)">opacity: 0.5; /*Firefox私有，透明度50%*/ style="color:rgb(253 97 106)">opacity: 0.5; /*其他，透明度50%*/ }</style>