css怎么禁止点击事件-木庄网络博客

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

在css中，可以使用pointer-events属性来禁止点击事件，只需要给元素添加“pointer-events:none;”样式，让元素永远无法成为鼠标事件的target，进而禁止鼠标事件即可。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中，可以使用pointer-events属性来禁止点击事件。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <style>
            a.disabled {
                pointer-events: none;
                cursor: default;
                filter: alpha(opacity=50);
                /*IE滤镜，透明度50%*/
                -moz-opacity: 0.5;
                /*Firefox私有，透明度50%*/
                opacity: 0.5;
                /*其他，透明度50%*/
            }
        </style>
    </head>
 
    <body><br/><br/>
        <a href="#" class="disabled">不可点击的a链接</a><br/><br/>
        <a href="#">正常的a链接</a>
    </body>
 
</html>