怎么使用css实现不可点击功能

这篇文章主要介绍“怎么使用css实现不可点击功能”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“怎么使用css实现不可点击功能”文章能帮助大家解决问题。

鼠标不可点击时的样式

cursor:not-allowed;

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

禁止触发事件

pointer-events:none;

使用该样式，会阻止事件的触发，鼠标会显示为箭头样式。

如果同时使用这两种样式，会阻止事件的触发，但鼠标并不会如我们所想显示为禁用样式，而是显示为箭头样式。

所以我们在实现效果的时候，可以使用cursor:not-allowed; 然后使用 js代码去阻止事件的触发；

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

css的基本语法是什么

css的基本语法是：

1、css规则由选择器和一条或多条声明两个部分构成；

2、选择器通常是需要改变样式的HTML元素；

3、每条声明由一个属性和一个值组成；

4、属性和属性值被冒号分隔开。

关于“怎么使用css实现不可点击功能”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。