css - Bootstrap 3 - 在进度条上打印颜色？

Question

有人知道如何在 bootstrap 3 的进度条上打印颜色吗？看到一些针对 2.3.2 的 hack，但我无法在 bootstrap 3 上做到这一点。

.progress {
    background-image: none;
    -webkit-print-color-adjust: exact;
    box-shadow: inset 0 0;
    -webkit-box-shadow: inset 0 0;
}
.progress > .progress-bar {
    background-image: none;
    -webkit-print-color-adjust: exact;
    box-shadow: inset 0 0;
    -webkit-box-shadow: inset 0 0;
}

也许是某人的起点，基于我为旧解决方法找到的一些代码。

Answer 1

在之前的答案的基础上，这就是我设置 CSS 以从 Chrome 或 IE 打印的方式。 FireFox 仍然不工作。不过，您需要设置每个条形颜色……信息、成功等。

        @media print{       
            .progress{
                background-color: #F5F5F5 !important;
                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F5F5F5', endColorstr='#F5F5F5')" !important;
            }
            .progress-bar-info{
                display: block !important;
                background-color: #5BC0DE !important;
                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5BC0DE', endColorstr='#5BC0DE')" !important;
            }

            .progress, .progress > .progress-bar {
                display: block !important;
                -webkit-print-color-adjust: exact !important;

                box-shadow: inset 0 0 !important;
                -webkit-box-shadow: inset 0 0 !important;
            }   
        }

引用: CSS @media print issues with background-color;