Bir sayfa yazdırmaya çalışıyorum. Bu sayfada bir tablo arka plan rengi verdim. Krom Baskı Önizleme baktığım zaman, kendi arka plan rengi özelliği değil...

Bu özelliği denedim:

-webkit-print-color-adjust: exact; 

ama yine de rengini belli değil.

http://jsfiddle.net/TbrtD/

.vendorListHeading {
   background-color: #1a4567;
   color: white;
   -webkit-print-color-adjust: exact; 
}


<div class="bs-docs-example" id="soTable" style="padding-top: 10px;">
              <table class="table" style="margin-bottom: 0px;">
                <thead>
                  <tr class="vendorListHeading" style="">
                    <th>Date</th>
                    <th>PO Number</th>
                    <th>Term</th>
                    <th>Tax</th>
                    <th>Quote Number</th>
                    <th>Status</th>
                    <th>Account Mgr</th>
                    <th>Shipping Method</th>
                    <th>Shipping Account</th>
                    <th style="width: 184px;">QA</th>
                    <th id="referenceSO">Reference</th>
                    <th id="referenceSO" style="width: 146px;">End-User Name</th>
                    <th id="referenceSO" style="width: 118px;">End-User's PO</th>
                    <th id="referenceSO" style="width: 148px;">Tracking Number</th>
                  </tr>
                </thead>
                <tbody>
                  <tr class="">
                    <td>22</td>
                    <td>20130000</td>
                    <td>Jim B.</td>
                    <td>22</td>
                    <td>510 xxx yyyy</td>
                    <td>zznn@abc.co</td>
                    <td>PDF</td>
                    <td>12/23/2012</td>
                    <td>Approved</td>
                    <td>PDF</td>
                    <td id="referenceSO">12/23/2012</td>
                    <td id="referenceSO">Approved</td>
                  </tr>

                </tbody>
              </table>
            </div>

Chrome css özellik "-y-baskı-renk-ayarı: tam olarak;" uygun bir şekilde çalışır.

Ancak, baskı için doğru css var emin, sık sık zor olabilir. Bazı şeyleri karşılaştığınız sorunları önlemek için yapılabilir. İlk olarak, ekran css tüm baskı css ayrı. Bu @media print ve @media ekran üzerinden yapılır.

Çoğu kez sadece biraz daha fazla ayar @baskı css, hala diğer tüm css çünkü yeterli değil de baskı dahil medya. Bu gibi durumlarda, yalnızca yazdırma kuralları otomatik olarak non-baskı css kurallarına karşı kazanamaz gibi css özgüllüğü farkında olmak gerekir.

-Y-baskı-renk-ayarlamak bu durumda, tam çalışma. Ancak, arka plan rengini ve renk tanımları daha yüksek özgüllük ile diğer css tarafından darp ediliyor.

Kullanarak onaylamaz ben YOK iken !hemen hemen her koşulda önemli, aşağıdaki tanımlar düzgün çalışması ve problem ortaya:

@media print {
tr.vendorListHeading {
    background-color: #1a4567 !important;
    -webkit-print-color-adjust: exact; 
}}

@media print {
    .vendorListHeading th {
    color: white !important;
}}

Burada fiddle (ve baskı kolaylığı önizleme için embedded)