链接样式为按钮，打印为链接，没有样式

Question

我正在使用bootstrap，当我创建一个样式化的链接时：

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

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

Answer 1

当您打印网页时，将使用默认（print.css）而不是用户定义的CSS来确保在页面上正确显示。因此，不考虑你的班级“btn btn-primary”。

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

注意：如果您没有提供print.css，您会看到对齐方式，布局，颜色和字体都是非样式的。

Answer 2

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

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

Answer 3

如果您在样式表或媒体查询块中定义了btn btn-primary CSS，仅指定了SCREEN，那么它将打印而不带任何样式。但是，如果您的原始CSS是多用途的，那么您应该看到它的打印方式与它在屏幕上的显示方式类似。