Jquery 打印文档时如何隐藏工具提示

当你将鼠标悬停在任何按钮上时，我使用引导工具提示，所以我有一个名为“打印”的按钮，当你按下它时，Chrome会显示我的页面预览，我想在“打印”按钮上方使用工具提示打印。我如何使用jQuery隐藏它，因为它不需要打印

<a id="print" class="btn btn-danger btn-sm" data-toggle="tooltip" data-placement="top" title="Print" onclick="Print()">
  <i class="fa fa-print fa-lg" aria-hidden="true"></i>
</a>

---

要实现这一点，可以使用

@media

设置在打印页面时隐藏引导工具提示，如下所示：

@media print {
  .tooltip { display: none; }
}

---

我发现自己：

@media print {
  .tooltip { visibility: hidden; }
}

---

@DmitrySolbov您只能使用

！重要信息

作为最后手段-通常在您需要修改第三方注入的内容时。一个更好的方法是正确地构造规则，以便优先顺序为给定的情况应用正确的样式。谢谢！它的代码在我的案例中使用

！重要信息

声明：

@media print{.tooltip{display:none！important；}}

引导使用popover元素样式属性中的

display:block

，因此您必须用

覆盖它！重要信息

或@Deniss可见性instead@Richard您不必使用

！重要信息

，更好的方法是使选择器更具体，例如

#container>div.foo.tooltip{display:none；}