Javascript和CSS FOUC防止干扰打印样式表

Question

我正在使用一种简单的技术来防止我的页面上出现FOUC。我的页面上有一个"feedback“滑动按钮，它最初在样式表中设置为display:none。稍后，当加载JS和滑动代码时，我使用jQuery应用.css('display'，'block')。这很好用。

但是，当有人打印页面时，我的滑动按钮及其内容会显示在打印版本中，即使我在print.css中为DIV声明了display:none。我该如何解决这个问题呢？

Answer 1

可以使用：

display: none !important;

在你的打印风格中。