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

  鼠标不可点击时的样式

  <pre>cursor:not-allowed;</pre>

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

  禁止触发事件

  <pre>pointer-events:none;</pre>

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

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

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

  <pre>cursor:not-allowed;
pointer-events:none;</pre>

  css的基本语法是什么

  css的基本语法是：

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

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

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

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

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