正确打印 Bootstrap 按钮

Question

我在打印引导按钮时遇到了一个小问题，我找到的解决方案不起作用。 这个解决方案对我不起作用：stackoverflow-solution

我还尝试更改我的浏览器打印设置以强制打印背景颜色，但在 Firefox 和 Chrome 中没有成功。

我的按钮看起来像这样：，如果我打印它，它会像这样显示：

我的那个按钮的 PHP 代码是：echo "<button type=\"button\" class=\"btn btn-primary btn-xs\">$value</button>";

Answer 1

默认情况下，Bootstrap CSS 包含这个 CSS，它设置了一堆打印样式：

@media print {
    *, :after, :before {
      color: #000!important;
      text-shadow: none!important;
      background: 0 0!important;
      -webkit-box-shadow: none!important;
      box-shadow: none!important;
    }
}

您可以通过以下任一方式解决您的问题：

1. 通过删除以上部分或全部行来修复您的 CSS（尽管您只需要删除 background 和 colour 项。）

2. 在 Bootstrap 网站上，使用他们的 online generator 生成您自己的自定义 CSS，然后取消选中选项 http://getbootstrap.com/customize/。