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

Question

我正在使用 bootstrap，当我创建样式链接时:

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

当我想打印页面时，样式化的按钮像无样式的链接一样被打印出来。有什么办法可以解决这个问题吗？

Answer 1

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

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

注意:如果您不提供 print.css，您会看到对齐方式、布局、颜色和字体均采用无样式形式。