Html 如何在react中删除链接中的下划线

如何在链接子文本中将文本装饰设置为“无”？ 在我的例子中，这篇文章带有“预览标题”和“预览标语”类。 我试着在app.css中设置它

。预览标题，。预览标语{
文字装饰：无；
}

我对index.css中的

a

标记也这样做了

a{
文字装饰：无；
}

还尝试了textDecorationStyle 到元素

但这也不起作用

---

在devtool中，我们看到样式是通过.css应用的，但在页面上仍然带有下划线

请尝试下面给定的css代码，希望它能帮助您。你一定要准备好！很重要，因为您正在尝试覆盖特定元素的预定义样式

.preview-title{
    text-decoration: none !important;
}

希望它能帮助你解决你的问题

---

谢谢。

发现了，它必须放在app.css中，而不是index.css中。

你能试试

文本装饰：无！重要的

？您使用什么浏览器？请参见此处支持：问题是我需要添加

a{text decoration:none；}

而不是index.css，而是app。css。当我把它放到app.css时，它已经被应用到了应用程序中