位置: IT常识 - 正文
css - 如何禁用 ＜a＞ 标签点击，让 ＜a＞ 标签实现 disabled 禁用效果（鼠标无法触发点击事件）(css禁用button按钮)
编辑：rootadmincss - 如何禁用 ＜a＞ 标签点击，让 ＜a＞ 标签实现 disabled 禁用效果（鼠标无法触发点击事件） 介绍
本文链接地址:https://www.jiuchutong.com/zhishi/285117.html
转载请保留说明！
推荐整理分享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>下一篇：使用Vue来完成项目中的首页导航+左侧菜单(vue项目使用)