删除超链接下划线也会删除超链接
问题描述:
我导入fontawesome图标。删除超链接下划线也会删除超链接
<script src="https://use.fontawesome.com/e5d9dacb14.js"></script>
接下来,我有一个超链接:
<a href="https://google.nl"> <i class="fa fa-user-o" ></i> Personal Page </a>
此链接出现恼人的下划线,这是我尝试通过以下this answer删除。
为此,我将此添加到我的CSS。
a.nounderline {text-decoration: none; }
我改变超链接:
<a.nounderline href="https://google.nl"> <i class="fa fa-user-o" ></i> Personal Page </a.>
现在。这确实删除了下划线,但它也删除了超链接。 See my jsfiddle
答
如果你想添加类的标签,通过class="nounderline"
a.nounderline {
text-decoration: none;
}
<a class="nounderline" href="https://google.nl"> <i class="fa fa-user-o"></i> Personal Page </a>
阅读它添加更多html classes和.class selector
答
a.noundeline
表示a
有nounderline
为类。
所以你必须创建一个<a class="nounderline">
标签来使它工作。
答
请参阅下文。您需要将.nounderline
定义为CSS中的类。
.nounderline {
text-decoration: none;
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<a class="nounderline" href="https://google.nl"> <i class="fa fa-user-o"></i> Personal Page </a.>
答
您可以使用锚标签text-decoration: none;
css样式。像下面一样
a.nounderline {text-decoration: none; }
答
你已经附加类名称与HTML <a>
标签是错误的。
你需要做的仅仅是类属性添加到您的<a>
标签像这样的内容:
<a class="nounderline"></a>
<a class="nounderline" href="https://google.nl"> <i class="fa fa-user-o" ></i> Personal Page </a>
答
什么工作对我来说是这样的:
a, nameofdiv{
color:black;
text-decoration: none;
}
希望这有助于