为什么此css代码仅适用于Chrome？

Question

我正在为隐藏它们的元素添加class="noPrint"

它在chrome中工作正常，但当我浏览Mozilla和IE时，默认情况下元素不可见。

我需要在默认情况下隐藏这些元素。

仅限Chrome使用，但在其他浏览器中则不是

这是我的CSS代码：

 <style type="text/css" media="print">
      .noPrint{ display: none; }
      .yesPrint{ display: block !important; }
  </style>

Answer 1

您可以使用媒体查询为打印设置不同的样式。 像这样：

<style type="text/css">
@media print {
  .noPrint{ display: none; }
  .yesPrint{ display: block !important; }
}
</style>