重新审视“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中文网其他相关文章！
