Bagaimana untuk Menambahkan Teks URL ke Sauh tanpa Garis bawah dalam CSS?

Mengulas semula "text-decoration" dan ":after" Pseudo-Element

Pertanyaan meneroka cabaran yang dihadapi apabila menyesuaikan elemen penambat menggunakan ":selepas" pseudo-class dalam CSS. Khususnya, matlamatnya adalah untuk menambahkan URL hiperpautan tanpa menjejaskan hiasan teks lalai, memastikan bahawa teks URL kekal tidak bergaris.

Walaupun percubaan menggunakan pengisytiharan "penghiasan teks: tiada", garis bawah kekal dalam pelayar seperti Firefox dan Chrome. Walau bagaimanapun, menetapkan sifat warna berfungsi dengan berkesan. Penanya mencari penyelesaian yang boleh digunakan untuk kandungan teks lebar berubah-ubah, bukannya imej bersaiz tetap seperti yang dibincangkan dalam pertanyaan asal.

Penyelesaian:

Untuk menangani isu ini , sifat "display: inline-block" boleh digunakan pada elemen pseudo ":after". Ini memastikan bahawa pengisytiharan "teks-hiasan" berkuat kuasa, menyebabkan teks tidak bergaris bawah. Penyelesaian telah disahkan untuk berfungsi dalam Chrome versi 25 dan Firefox versi 19.

Atas ialah kandungan terperinci Bagaimana untuk Menambahkan Teks URL ke Sauh tanpa Garis bawah dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!