html - 链接样式为按钮，打印为不带样式的链接

Question

我正在使用引导程序，当我创建一个样式链接时，例如：

<a href="http://www.google.com" class="btn btn-primary">Button</a>

当我想打印页面时，样式按钮会像无样式链接一样打印。有没有办法解决这个问题？

score 2 · Accepted Answer

当您打印网页时，将使用默认值 (print.css) 而不是用户定义的 CSS，以确保在页面上正确显示。因此，不考虑您的课程“btn btn-primary”。

您可以在网页中包含一个 print.css，您可以在其中添加自己的样式

注意：如果您不提供 print.css，您会看到对齐方式、布局、颜色和字体都处于非样式形式。

score 0 · Accepted Answer

如果您btn btn-primary在样式表或媒体查询块中定义了仅指定 SCREEN 的 CSS，那么它将在没有任何样式的情况下打印。但是，如果您的原始 CSS 是通用的，那么您应该会看到它的打印效果与其在屏幕上的外观相似。

score 0 · Accepted Answer

打印您应该使用特殊的打印样式并更正“媒体”字样

@media print {
    body {
     font-family: Arial, Verdana, sans-serif; 
     font-size: 0.9em;
     color: #000080;
   }

3 回答 3