css踩坑记录——css控制强制打印背景

在CSS中，可以使用@media print规则来控制打印时的样式，包括是否显示背景图片和颜色。




@media print {
  body, p, div, ul, li {
    color: #000 !important; /* 确保打印时文本是黑色 */
    background: none !important; /* 移除背景 */
    box-shadow: none !important; /* 移除阴影 */
  }
  
  a, a:visited {
    text-decoration: none !important; /* 移除下划线 */
    color: #000 !important; /* 确保链接是黑色 */
  }
  
  img {
    display: none !important; /* 移除图片 */
  }
}

这段代码将打印样式中的文本颜色设置为黑色，移除所有元素的背景，并且移除图片和超链接的装饰。在打印时，通常不需要背景图片和一些视觉装饰，以保证打印清晰和不影响阅读。

css踩坑记录——css控制强制打印背景

评论已关闭

推荐阅读