当用户将鼠标悬停在图像上时，如何防止 Edge 显示视觉搜索图标？答案

【问题标题】：How do I prevent Edge from showing the visual search icon when users hover over an image?当用户将鼠标悬停在图像上时，如何防止 Edge 显示视觉搜索图标？
【发布时间】：2022-06-21 20:07:31
【问题描述】：

Microsoft Edge (v100.0.1185.29) 最近似乎为网页上特定大小的所有图像添加了一个新的悬停图标（视觉搜索）。无论如何，这个选项也在上下文菜单上！

我知道用户可以在 Edge 设置中将其删除，但我正在寻找 HTML/CSS 中的解决方案，以防止将鼠标悬停在标签上时显示此图标？

这是图标

当你悬停时会像这样展开

我尝试了不同的 img 宽度、高度和位置设置。它似乎停止在 180 像素以下显示。

【问题讨论】：

来自购买你“Clippy”的公司
大声笑，祝你好运，我相信微软已经很可能删除了
在开发者模式下查看它的标签是什么，如果它有任何类或 id 然后在 CSS 中将类显示设置为无。我在 Windows 11 中使用相同的版本，但即使在设置中也没有此功能。
@Mehrwarz 没有对元素应用类，因此必须在 DOM 范围之外完成。
@JonP 确实！这是他们设定的一个危险的先例。任何浏览器都不应更改网站所有者的 UI。

标签： html css

【解决方案1】：

尝试使用pointer-events: none;作为图片

【讨论】：

感谢您的回复。我刚刚发现这个“功能”必须已被删除，因为问题不再存在。
这确实有效。但是从长远来看，这并不是一个令人满意的答案（我的意思是微软需要做出更好的解决方案），因为这不是指针事件的目的。我认为这是一个临时的解决方法，因此它应该与一个类一起应用 .disable-visual-search { pointer-events: none; }。这样以后就更容易撤消了。
另见github.com/MicrosoftEdge/WebView2Feedback/issues/2345

【解决方案2】：

看起来微软已经认识到他们的错误，因为现在他们要么删除了这个“功能”，要么默认将其设置为关闭。我找不到它的任何设置，所以我认为它已被删除......暂时！

【讨论】：

我不相信会是这样。它显示在我的网站上，但我没有启用它。
@PanamaJack Odd 因为它刚刚停止出现在我面前，所以我没有改变任何东西。您使用的是哪个版本的 Edge？
版本 102.0.1245.33（官方版本）（64 位）.. 无论开发人员使用什么浏览器，MS 总是会设法让他们失望。哈哈。该功能对您的网站非常具有侵入性。
四天前我做了一个全新的window安装，它默认是绝对启用的。（除非它以某种方式被卡住并保存在我的云设置中）。极具侵入性 - 当人们将鼠标悬停在我的剃须刀刀片的图像上时，它试图将人们引导到丰田的网站。

【解决方案3】：

现在有可以删除图标的浏览器设置。我无法通过代码禁用它。我的图像是 svg，因此该功能甚至无法正常工作！ :)

要隐藏图标...在设置菜单中搜索“视觉搜索”（或设置 > 外观 > 视觉搜索）。有两种选择，一种是永久显示图标，另一种是悬停，然后用户还可以阻止它在选定的网站上显示。

【讨论】：