Mengapa Warna Latar Belakang Jadual Saya Tidak Ditunjukkan dalam Pratonton Cetakan Chrome?

Pratonton Cetakan Tidak Termasuk Warna Latar Belakang

Apabila mencetak halaman web, warna latar belakang yang ditentukan mungkin gagal muncul dalam pratonton cetakan. Khususnya, warna latar belakang jadual yang ditetapkan tidak dipaparkan dalam pratonton cetakan Chrome.

Sifat CSS berikut telah digunakan tanpa berjaya:

-webkit-print-color-adjust: exact;

Menyelesaikan Isu

Sementara sifat CSS print-color-adjust: tepat; berfungsi dengan betul, terdapat langkah penyelesaian masalah asas untuk memastikan CSS yang diingini berkuat kuasa semasa mencetak.

1. Cetakan Asingkan dari CSS Skrin:

   • Laksanakan pertanyaan media untuk membezakan gaya CSS untuk pencetakan (@cetakan media) daripada yang dimaksudkan untuk paparan skrin (@media skrin).

2. Peningkatan Kekhususan CSS:

   • Dalam kes ini, sifat cetak-warna-laras berfungsi , tetapi peraturan CSS lain dengan kekhususan yang lebih tinggi akan menimpanya. Untuk menyelesaikan masalah ini, gunakan !pengisytiharan penting dalam peraturan cetakan @media:

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

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

Atas ialah kandungan terperinci Mengapa Warna Latar Belakang Jadual Saya Tidak Ditunjukkan dalam Pratonton Cetakan Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!