html让a的链接无效,css如何设置a链接不可点击？

在CSS中，可以通过设置a元素的pointer-events属性的值为为none来让a链接不可点击。下面本篇文章就来给大家介绍一下pointer-events属性，希望对大家有所帮助。

pointer-events属性设置或检索在何时成为属性事件的target。

语法：pointer-events：auto| none | visiblepainted | visiblefill | visiblestroke | visible | painted |

fill | stroke | all

取值：auto：与pointer-events属性未指定时的表现效果相同。

none：屏蔽所有鼠标事件

元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。

注：如果将一个元素的子元素 pointer-events 设置成其他值(比如：auto)，那么当点击子元素时，还是会通过事件冒泡的形式出发父元素的事件。

示例：

.box{

pointer-events: none;

}

这是一个正常的链接

这是一个不能点击的链接

效果图：