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;

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

转载于:https://my.oschina.net/u/3786589/blog/1791851