Question

如何禁用与我添加到网站的小部件相关联的链接？除了他们提供的实现HTML代码之外，我无权访问任何其他内容。一个例子是链接页面底部的Trustpilot小部件。如果您点击小部件，它会将您带到Trustpilots网站，但我们不希望这种情况发生。 https://goldsilver.com/

Answer 1

您可以将此css属性赋予特定的标记，如下所示：

a { pointer-events: none; }

＆＃13;

a.disabled_link {
  pointer-events: none;
}

＆＃13;

<a class="disabled_link">Any Link</a>

＆＃13;

顺便说一句，你不能对供应商提供的小部件做这件事，因为它反对他们的政策。

Answer 2

小部件是iframe，当iframe是跨域的（因此iframe源文件不在您的网站上）时，您无法更改其中的任何内容。您可以在其上放置一个叠加div，但这会阻止iframe上的每次点击。

顺便说一句，你不能对供应商提供的小部件做这件事，因为它反对他们的政策~Saumya Rastogi

仅用于学习目的：

＆＃13;

#widget {
  width: 450px;
  height: 350px;
  border: 1px solid black;
  position: relative;
}
#widget > iframe {
  border: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
#widget:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
}

＆＃13;

<div id="widget">
  <iframe src="https://widget.trustpilot.com/trustboxes/539ad0ffdec7e10e686debd7/index.html?locale=en-US&templateId=539ad0ffdec7e10e686debd7&businessunitId=4bf1926500006400050c99f2&styleHeight=350px&styleWidth=100%25&theme=light&stars=4%2C5"></iframe>
</div>

＆＃13;

如何从另一个站点的窗口小部件中删除链接

2 个答案: