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

介绍

我们知道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>