要禁止元素的点击，可以给该元素添加以下CSS规则：
pointer-events: none;
这个属性的作用是指定在哪种情况下元素能够成为鼠标事件的目标。把它设置为“none”就表示无论什么情况下都不能被点击。这样一来，即使用户点击该元素，也不会激活对应的事件，看上去就像该元素不能被点击一样。
除了禁止点击，还可以通过这个属性完成其他一些有趣的效果，比如设置为“fill”，就可以让元素接收填充事件，而不是单击事件。这在使用SVG图形时非常有用。
然而需要注意的是，pointer-events是CSS3中的新增属性，只有在较新版本的浏览器中才能使用。如果你需要支持旧版浏览器，那么最好还是采用JS来实现禁止点击的效果。