使用CSS怎么样做不可点击样式的效果
Admin 2022-08-01 群英技术资讯 583 次浏览
1、直接给元素添加pointer-events:none;样式来禁止触发事件,实现不可点击。
pointer-events:none;
2、先给元素添加“cursor:not-allowed;”样式;然后使用js代码阻止点击事件的触发,实现不可点击。
cursor:not-allowed; pointer-events:none;
鼠标不可点击时的样式
cursor:not-allowed;
注意,虽然样式显示不可点击,但是点击仍会触发相应事件。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
方法:1、用“border-top:none”语句去掉上边框;2、用“border-bottom:none”语句去掉下边框;3、用“border-left:none”语句去掉左边框;4、用“border-right:none”来去掉右边框。
jQuery中有.empty()和.html()两种方式,都能够清空所选父元素中的所有子元素。但是这两者清空元素的方式上,有着很大的区别: 1、empty() jQuery对象.empty() 会清除内部所有元素,及内部所有元素注册的事件,节省内存空间 2、html()而 jQuery对象.html() 这种方法虽然能同样实现清空元素内部所有元素的功能,但是,它无法
CSS3怎样实现的侧滑菜单?一些朋友可能会遇到这方面的问题,对此在下文小编向大家来讲解一下,内容详细,易于理解,希望大家阅读完这篇能有收获哦,有需要的朋友就往下看吧!
这篇文章主要介绍了HTML5布局和HTML5标签的相关知识,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
一、旧的opacity设置以下代码是firefox和safari旧版本所需的透明度设置:代码如下复制代码#myelement{-khtml-opacity:.5;-moz-opacity:0.5;}-khtml-opacity设置是针对旧版本的webkit渲染引擎,这种专用属性现在已经过时了,除非你还有需要兼容safari1.x.的用户。第二行使用专用属性-moz-opacity是为了兼容mozilla渲染引擎的 ...
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008