Question

当我尝试打印网页时，我无法弄清楚为什么我的按钮样式/颜色会被删除。我正在为我的一些风格使用bootstrap。

.button.primary {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18px;
    line-height: 1.8rem;
    background-color: #EEB111;
    color: #FFF;
    font-weight: 600;
    text-decoration: none;
    outline: 0;
}

Answer 1

它与bootstrap有关。如果你的引导程序includes print media styles，因为它可能不是customized，它会排除它们，某些样式会被更改。

（Hintergrundgrafiken =背景图片）

这也很重要，正如您在屏幕截图中已正确做到的那样：
要打印带有颜色和内容的页面，例如在Firefox中，您必须通过点击File > Page Setup... > Print background或Print (icon in the top right menu) > Page Setup... > Print background来告诉浏览器。

Answer 2

您是否使用@media print打印这些样式，例如

@media print {
  body { font-size: 10pt }
}

如果没有，请点击此处

希望这会以某种方式帮助你（y）。

Answer 3

它被删除，因为css-stylesheets具有称为media的属性，它定义了此css文件将在哪个媒体中工作。

尝试将其放在样式表media="all"或媒体=＆＃34;打印＆＃34;

<link rel="stylesheet" type="text/css" media="print" href="print.css">

当我尝试在Chrome或Firefox中打印网页时，为什么我的样式会被删除？

3 个答案: