重新檢視「text-decoration」和「:after」偽元素
該查詢探討了使用自訂錨元素時所面臨的挑戰CSS 中的「:after」偽類。具體來說，目標是在不影響預設文字修飾的情況下附加超連結的 URL，確保 URL 文字保持無底線。
儘管嘗試使用“text-decoration: none”聲明，但下劃線仍然存在Firefox 和 Chrome 等瀏覽器。然而，設定顏色屬性是有效的。提問者尋求適用於可變寬度文字內容的解決方案，而不是原始查詢中討論的固定大小圖像。
解決方案：
解決此問題，「display: inline-block」屬性可以應用於「:after」偽元素。這確保了“text-decoration”聲明生效，從而產生無下劃線的文字。該解決方案已被驗證可在 Chrome 版本 25 和 Firefox 版本 19 中運行。
以上是如何在 CSS 中將 URL 文字附加到錨點而不帶下劃線？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
