如何让a标签(超链接)失效的CSS写法

在Css中添加以下样式,应用到A标签中

.disableCss{ 
pointer-events:none; 
cursor:default ;
color:#afafaf; ///可有可无  } 

  注:第一行代码(pointer-events:none;)有个坑,如果a标签里面放了一个图片,然后在给a标签设置这个样式,这个时候是不起效果的,解决办法:

1. 在a标签外面包一个div,然后给div设置第一行代码;

2. 直接加上第二句代码


原理:把 onlick 事件去掉,相当于变为普通文本

posted @ 2020-03-23 22:47  草莓知妖妖🐰`  阅读(699)  评论(0编辑  收藏  举报