html页面打印时背景颜色无效的解决方案

我遇到的情况是,在引入bootstrap框架之后,想打印自己的个人简历页面,发现之前设定的样式,背景颜色通通变得无效,问题原因是bootstrap.css的默认样式,

@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }中的

color: #000 !important;

background: transparent !important;

是将字体颜色设置为黑色,背景设置为透明色,导致了自己的样式失效,在源码中把这两项删除就好了,打印样式就不会出问题了,当然这种就必须将资源下载下来修改。

猜你喜欢

转载自my.oschina.net/u/3786589/blog/1791851