删除CSS @media打印规则，无需修改CSS文件

Remove CSS @media print rules without modifying CSS files

本文关键字：CSS 修改 文件 规则 @media 打印 删除      更新时间：2023-09-26

我添加了bootstrap CSS文件到我的页面。我不想修改CSS文件。

当我尝试打印页面时，引导修改媒体以打印样式并删除所有颜色属性。

如何取消打印的引导媒体设置?

这个jquery代码可以删除所有的css;$ (" * ") . css("所有","设置");

是否有办法删除css设置只有@media display{..}

您可以获取样式表并删除以'@media print'开头的每个规则，注意styleSheets[0]应该指向具有相关规则的样式表。

for(var i=document.styleSheets[0].rules.length -1; i >0; i--){
   if(document.styleSheets[0].rules[i].cssText.indexOf("@media print") !=-1 )
   {
      document.styleSheets[0].deleteRule(i);
   }
}

免责声明:这是很臭的代码，我不会在实际应用程序中使用它。我会寻找一个适当的解决方案(即从css文件中删除行)但是，有时您无法控制所提供的所有文件，或者您只需要打印页面而不需要额外的格式化。

相关文章：