• 技术文章 >Web开发 >css教程

    css不可点击样式实现的方法

    小妮浅浅小妮浅浅2021-07-03 16:43:01转载382

    1、直接给元素添加pointer-events:none;样式来禁止触发事件,实现不可点击。

    pointer-events:none;

    2、先给元素添加“cursor:not-allowed;”样式;然后使用js代码阻止点击事件的触发,实现不可点击。

    cursor:not-allowed;
    pointer-events:none;

    鼠标不可点击时的样式

    cursor:not-allowed;

    注意,虽然样式显示不可点击,但是点击仍会触发相应事件。

    以上就是css不可点击样式实现的方法,希望对大家有所帮助。更多css学习指路:css教程

    专题推荐:css不可点击
    品易云
    上一篇:CSS中motion path模块的介绍 下一篇:css中px如何理解

    相关文章推荐

    • css Flex容器如何理解• css Flexbox布局的介绍• css Flex容器属性有哪些• css flex的排列方式• css中flex-basis的使用• css性能优化的解决办法• css中fraction如何使用• css中outline-offset的使用注意• css如何实现自定义的属性• css自定义属性如何继承• css内边框如何理解• CSS中motion path模块的介绍

    全部评论我要评论

  • 取消发布评论
  • 

    Python学习网