Chrome在打印时会覆盖内联样式

Question

我有一个内联样式，必须通过javascript应用，我需要在打印时删除。我已经将div [style]应用于！important来覆盖，这在我测试的其他浏览器中完美运行，但它在Chrome（版本40.0.2214.91）中不起作用。有没有人遇到过这个问题或遇到过这个问题？

内联样式

<div class="main" style="margin-top: 627px;">
 ....
</div>

打印CSS

@media print {
  .main[style] {
      margin-top: 0!important;
   }
}

Answer 1

我在Chrome版本44.0.2403.125 m时遇到了同样的问题。

就我而言，它是类似手风琴的功能，依赖于JS设置元素的内联负边距。我想在打印时自动显示以前隐藏的内容。

虽然技术上不是问题的良好解决方案，但设置display:inline;有效，因为内联不允许任何边距。