- 所在位置：
- 首页 >
- 编程技术 >
- CSS/HTML >
- CSS中按钮不可点击效果怎样实现，方法是啥?
CSS中按钮不可点击效果怎样实现，方法是啥?
Admin 2022-01-30 群英技术资讯 1125 次浏览
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中怎么把文本右移一点，方法是什么
在css中，可以利用transform属性和“translateX()”函数将字往右调，“translateX()”函数用于定义元素在左右平移时的位置，只需要给文字元素添加“transform:translateX(向右移动值)”样式即可。
-
CSS子盒子居中效果的实现有哪些方法
CSS子盒子水平和垂直居中的实现方法有哪些？下文有详细的介绍，小编觉得挺实用的，对大家学习或工作或许有帮助，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
-
visibility与display属性的使用存在哪一些异同
浏览器支持所有主流浏览器都支持visibility属性。注释：任何的版本的internetexplorer（包括ie8）都不支持"inherit"和"collaps教程e"属性值。所有主流浏览器都支持display属性。注释：任何版本的internetexplorer（包括ie8）都不支持"inherit"、"inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table- ...
-
HTML中怎么实现加载摄像头，方法及代码是什么
这篇文章主要介绍了如何在HTML里加载摄像头，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
-
在CSS中怎么样实现自动换行，代码是什么
自动换行的css教程代码与方法对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html<id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>css#wrap{white-space:normal;width:200px;}1.（ie浏览器）连续的英文 ...
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
