2017-04-19 67 views
0

当您将鼠标悬停在任何按钮上时,我使用的是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(); 
} 

回答

0

我已经想通了自己:

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

要做到这一点,你可以使用@media设置隐藏引导提示打印页面时,像这样:

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