正确打印Bootstrap按钮

Question

我在打印引导按钮时遇到了一些小问题，并且找到的解决方案无法正常工作。 此解决方案没有为我工作：stackoverflow-solution

我也试着改变我的浏览器打印设置强制打印背景颜色在Firefox和Chrome没有成功。

我的按钮看起来是这样的：如果我打印出来就这样表示：

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

Answer 1

默认情况下，引导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. 在引导网站，与他们online generator生成自己的自定义CSS并取消选项http://getbootstrap.com/customize/。