css - 如何禁用 <a> 标签点击,让 <a> 标签实现 disabled 禁用效果(鼠标无法触发点击事件)

css - 如何禁用 <a> 标签点击,让 <a> 标签实现 disabled 禁用效果(鼠标无法触发点击事件)

介绍

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

方法一(推荐)

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

<a style="css language-css">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>
转载请说明出处内容投诉
CSS教程_站长资源网 » css - 如何禁用 <a> 标签点击,让 <a> 标签实现 disabled 禁用效果(鼠标无法触发点击事件)

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买