如何禁用Adsense自动生成的页面搜索按钮（含打印场景）

我的网站启用了Google AdSense后，部分页面会随机出现一个Search按钮（样式为带搜索图标的白色按钮），打印页面时这个按钮会遮挡内容。我之前用以下针对media="print"的CSS实现了隐藏：

[class^="autoprose"],
[class^="auto-prose"]
{
  display: none !important;
}

这个方案虽然有效，但我想寻求更精准的优化方法。另外必须吐槽：Google居然没在打印场景下自动移除这个按钮，实在不应该。

Google自动插入的按钮代码如下：

<button class="autoprose-search-button">
 <div class="autoprose-search-icon">
  <svg width="18" height="18" viewBox="0 0 18 18">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M11.76 10.27L17.49 16L16 17.49L10.27 11.76C9.2 12.53 7.91 13 6.5 13C2.91 13 0 10.09 0 6.5C0 2.91 2.91 0 6.5 0C10.09 0 13 2.91 13 6.5C13 7.91 12.53 9.2 11.76 10.27ZM6.5 2C4.01 2 2 4.01 2 6.5C2 8.99 4.01 11 6.5 11C8.99 11 11 8.99 11 6.5C11 4.01 8.99 2 6.5 2Z" fill="white">
   </path>
  </svg>
 </div>
 <div class="autoprose-search-text">Search</div>
</button>

注：该按钮并非浏览器扩展生成（禁用所有扩展后问题依旧），在Firefox、Chrome、Edge中均存在，移除所有AdSense代码后按钮消失。

优化后的CSS方案 #

直接针对按钮的具体类名编写打印样式，避免误隐藏其他可能的AdSense元素：

@media print {
  .autoprose-search-button {
    display: none !important;
  }
}

如果担心Google后续修改类名，也可以用更灵活的属性选择器，匹配包含指定关键词的类：

@media print {
  button[class*="autoprose-search"] {
    display: none !important;
  }
}

优化点说明 #

• 原方案的[class^="autoprose"]会匹配所有以autoprose开头的类，可能误隐藏AdSense其他相关组件；
• 优化后的选择器仅针对目标按钮，精准度更高，不会影响页面其他内容；
• 明确指定@media print规则，样式仅作用于打印场景，避免干扰正常页面显示。

内容的提问来源于stack exchange，提问作者FedKad