不可点击的 CSS

有时候我们需要在页面中展示一些文本或图像，但又不希望用户能够点击或交互这些元素。这时候我们可以使用 CSS 来实现不可点击的效果。

给文本添加不可点击样式

如果需要给文本添加不可点击样式，可以使用 pointer-events 属性。该属性可以将元素的交互行为禁用，从而达到不可点击的效果。

示例代码：

span {
  pointer-events: none;
}

在上面的例子中，我们使用 CSS 将 <span> 元素的 pointer-events 属性设置为 none，从而使该元素不可点击。

给图像添加不可点击样式

如果需要给图像添加不可点击样式，可以使用 user-select 属性。该属性可以控制用户是否能够选中文本和图片，并且在一些浏览器中也可以控制用户是否能够点击图片。

示例代码：

img {
  user-select: none;
  pointer-events: none;
}

在上面的例子中，我们使用 CSS 将 <img> 元素的 user-select 和 pointer-events 属性都设置为 none，从而使该元素不可选中和不可点击。

总结

以上就是实现不可点击的 CSS 的方法。通过 pointer-events 和 user-select 属性，我们可以禁用元素的交互行为，从而实现不可点击的效果。