php - 正确打印 Bootstrap 按钮

Question

我在打印 Bootstrap 按钮时遇到了一个小问题，我找到的解决方案不起作用。 此解决方案对我不起作用: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(尽管您只需要删除背景和颜色元素。)

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