打印对话框中的隐藏按钮仍显示在其他PC的

Question

我的打印页面上有2个按钮：Print和Export。 我已经为他们编写了CSS，以便在打印时隐藏它们，但Export按钮仍在我朋友的PC上显示。在我的计算机上，按钮被隐藏，应该是这样。

这是我用来隐藏按钮的代码：

@media print {
  #print {
    display: none;
  }
		
@media print {
  #export {
    display: none;
  }

仅供参考..我已尝试更新该PC中的浏览器，以便在我的代码不支持浏览器时尝试。

Answer 1

它看起来像是错误的语法。你尝试过这样的事情吗？

@media print {
     #print {
        display: none;
     }
     #export {
         display: none;
     }
 }

如果这没有帮助。尝试右键单击按钮并选择inspect元素选项。在那里你有所有css应用于按钮。可能还有一些其他css规则应用了更强的选择器（在列表中更高）

Answer 2

在@media print媒体查询下为每个ID添加所有样式声明，如下所示：

@media print {
    #print, #export {
        display: none;
    }
}