背景颜色属性不参与打印css

Question

我试图在print css中为我的标签提供背景颜色。它采用边框颜色，但不采用css的background-color属性。如何解决？

http://jsfiddle.net/gVLeg/embedded/result/

#stateLabelLeftSo {
  display: inline-block; 
  margin-left: 4px; 
  border: 1px solid red; 
  background-color: green;
}


@media print {
  body {
    margin:0;
    padding:0; 
    line-height: 1.4em; 
    word-spacing:1px; 
    letter-spacing:0.2px; 
    font: 12px Arial, Helvetica,"Lucida Grande", serif; 
    color: #000;
  }
  .mainDiv {
    display: none;
  }
  #soLeft { 
    width: 300px;
    border: 1px solid red; 
    background-color: green;
  }
  #billTextSO { 
    width: 101px;
  }
  #attentionTextSo { 
    width: 101px; 
  }
  #addressTextSo { 
    width: 101px; 
  }
  #cityTextSo {
    width: 40px; 
    margin-left: 5px; 
    height: 13px; 
  }

Answer 1

默认情况下无法打印

css中的background-color，也不建议使用。背景颜色可以覆盖文本。如果你想要一些背景，你可以直接使用图像。