代码之家 › 专栏 › 技术社区 › Alexey Nikonov

如何消除链接中的下划线

underline css html

-1

Alexey Nikonov · 技术社区 · 7 年前

如何在链接子文本的反应中将文本装饰设置为“无”? 在我的例子中,这个文本有“预览标题”和“预览口号”类。我试着在app.css中设置它

.preview-title, .preview-slogan { text-decoration: none; }

我也这么做了 a index.css中的标记

a { text-decoration: none; }

还尝试了文本装饰样式到元素 <div className='preview-title' textDecorationStyle="none"> 但那也不管用

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

2 回复 | 直到 7 年前

1

Alexey Nikonov 7 年前

发现了,一定是那个地方 text-decoration: none 在app.css中,而不是index.css中。

2

-1

Aizaz Imtiaz Awan 7 年前

请尝试下面给出的css代码,希望对您有所帮助。你得准备好!重要信息,因为您正在尝试重写特定元素的预定义样式。

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

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

谢谢。