1. 不可点击样式

cursor:not-allowed

该方法只能实现样式为不可点击，但是点击仍然会触发相应的是事件。 

2. 禁止触发事件

pointer-events:none

该样式会阻止默认事件的发生，但鼠标样式会变成箭头样子。

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

在实际开发中，我们可以使用cursor:not-allowed；然后编写js逻辑阻止事件的发生。