如何使用print.css

Question

无论出于何种原因，我的链接字体根本没有变化。当我在浏览器中加载时，唯一搞砸的字体是我的链接！ Chrome中的打印预览正在搞乱打印css。

任何想法？

@media print {
    body, p, a, a:link, a:visited {

            font-size: 7pt !important; 
    }
  }

在谷歌浏览器中，我的超链接为蓝色，字体大小根本没有变化。

答案：USe - * {transition：none！important}。

Answer 1

你不应该需要带有body / p标签的额外Jazz。

此外，给这个<a>标记选择一个绝不是一个坏主意。 更容易直接定位。

@media print{
       a.selector:hover { font-size: 7pt; }
}

如果它绝对是所有链接：

@media print{ 
    a:active,a:hover,a:link,a:visited{font-size:7pt}
 }

如果仍有问题，请提供不会覆盖的代码。