css怎么让超链接不可用-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

css中可使用pointer-events属性来让超链接不可用；只需要给超链接所在标签元素设置“pointer-events:none;”样式即可，这样可以让超链接元素永远不会成为鼠标事件的target，进而让超链接不可用。

本教程操作环境：Windows7系统、css3版本、Dell G3电脑。

教程推荐：css视频教程

在css中可以使用pointer-events:none;样式来让超链接不可用。

pointer-events属性：指定在什么情况下元素可以成为鼠标事件的 target。

pointer-events属性使用none效果：

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

示例：

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <style type="text/css">
            a {
                pointer-events: none;
                cursor: default;
            }
        </style>
    </head>
 
    <body>
        <a href="https://www.php.cn/">php中文网</a>
    </body>
 
</html>