在 CSS 中禁用鼠标指针和链接答案

【问题标题】：Disable mousepointer and link in CSS在 CSS 中禁用鼠标指针和链接
【发布时间】：2017-11-15 15:36:42
【问题描述】：

在我的网站上，我有一些页面在后台有鼠标指针/URLS，我不知道为什么只有一些页面有这个活动。

我试过了：

a. {
   pointer-events: none; 
}

，禁用鼠标指针和链接，它可以工作，但适用于整个页面！我只希望它出现在背景上，因为如果您单击图像，您需要查看悬停 tekst（下面的链接更清楚地显示了我的意思）。

我在 HTML 中看到这些页面上发生了 itemprop，我如何使用 CSS 更改它，因为我无法访问 Wordpress 主题中的 HTML：

<a itemprop="url"href="http://jessicadenhartog.nl/work/"style="height: 43px;"</a>

【问题讨论】：

【解决方案1】：

您应该添加以下 CSS：

a[itemprop="url"] {
  pointer-events: none;
  cursor: default;
}

【讨论】：

【解决方案2】：

您可以使用 JavaScript 来实现。点击a 不会执行任何操作，并且悬停效果也不会被破坏。试试这个

<a onclick="return false;" itemprop="url" href="http://jessicadenhartog.nl/work/" style="height: 43px;" <="" a="">

【讨论】：