- 所在位置：
- 首页 >
- 编程技术 >
- CSS/HTML >
- CSS中按钮不可点击效果怎样实现，方法是啥?
CSS中按钮不可点击效果怎样实现，方法是啥?
Admin 2022-01-30 群英技术资讯 1002 次浏览
CSS中按钮不可点击效果怎样实现？在一些特殊的情景下，我们需要暂时设置按钮不可点击，那么CSS怎样禁止button点击呢？文中的示例代码介绍得很详细，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。
本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。
css怎样禁止button点击
在css中，可以利用pointer-events属性设置button元素禁止点击，pointer-events 属性定义元素是否对指针事件做出反应。
该属性的语法如下：
pointer-events: auto|none;
属性的值：
示例如下：
<html>
<head>
<style>
.css1{
pointer-events:none;
}
</style>
</head>
<body>
<button class="css1">已经设置不可点击的按钮</button>
<button class="css2">没有设置不可点击的按钮</button>
</body>
</html>输出结果：
以上就是CSS中设置按钮不可点击效果的方法，上述示例具有一定的参考价值，有需要的朋友可以了解看看，希望对大家学习CSS有帮助，想要了解更多可以继续浏览群英网络其他相关的文章。
文本转载自PHP中文网
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
CSS中给height设置100%没效果怎么回事呢
为什么你写的height:100%不起作用？这个知识不算冷门的，但是用的时候可能还是会有些懵逼，不能生效时搜一搜就能找到答案了，但是你真的懂了吗？为什么想要设置一个全屏元素的时候，高度不受%的控制？
-
CSS可控制鼠标怎样用，能做哪些变化
一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。
-
用CSS制作瀑布流布局的方法及代码是什么
这篇文章主要介绍了用CSS3实现瀑布流布局的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
-
CSS中hack的原理及用法是什么
浏览器对CSS样式的支持程度、分析结果和识别CSS的优先级，可以根据这些的特征写出不同的CSS样式代码。IE6可以识别下划线和星号*，IE7可以识别星号*，不能识别下划线_。
-
CSS定位属性有几种，基本用法是什么
这篇文章主要介绍了CSS属性之定位属性（图文详解）的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
