Bagaimana untuk mengalih keluar Nilai Href daripada Output Cetakan Chrome?

Mengalih keluar Nilai Href dalam Output Cetakan Chrome

Apabila menyesuaikan CSS cetakan dalam Chrome, anda mungkin menghadapi masalah apabila pautan dicetak dengan kedua-dua kandungan teks dan nilai href. Untuk menyelesaikan masalah ini, ikuti langkah berikut:

Untuk rujukan, berikut ialah HTML awal:

<a href="http://www.google.com">Google</a>

Gelagat Lalai Bootstrap:

Bootstrap termasuk print stylesheet yang menambahkan nilai href pada pautan dalam kurungan:

@media print {
  a[href]:after {
    content: " (" attr(href) ")";
  }
}

Melumpuhkan atau Mengatasi Gaya Bootstrap:

Untuk mengalih keluar nilai href, anda boleh mengubah suai Bootstrap cetak helaian gaya atau gantikannya sendiri:

Melumpuhkan Gaya Bootstrap:

Alih keluar peraturan a[href]:after daripada helaian gaya cetakan Bootstrap.

Mengatasi Gaya:

Tambah peraturan a[href]:selepas baharu pada helaian gaya cetakan anda sendiri dan tetapkan kandungan: tiada !penting; untuk melumpuhkan penggayaan Bootstrap:

@media print {
  a[href]:after {
    content: none !important;
  }
}

Selepas melaksanakan perubahan ini, pautan hanya akan mencetak kandungan teks, seperti yang dikehendaki:

Google

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Nilai Href daripada Output Cetakan Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!