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

Question

当你将鼠标悬停在任何按钮上时，我正在使用Bootstrap工具提示，所以我有一个名为“打印”的按钮，当你按下它时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>

function Print(){
  window.print();
}

Answer 1

要实现此目的，您可以使用@media设置在打印页面时隐藏Bootstrap工具提示，如下所示：

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

Answer 2

我已经弄清楚了自己：

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