删除超链接下划线也会删除超链接

我导入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

来源

2017-06-12 Mitchell van Zuylen

如果你想添加类的标签，通过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

来源

2017-06-12 12:29:06 IiroP

a.noundeline表示a有nounderline为类。
所以你必须创建一个<a class="nounderline">标签来使它工作。

来源

2017-06-12 12:29:32

请参阅下文。您需要将.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.>

来源

2017-06-12 12:30:27 Gerard

您可以使用锚标签text-decoration: none; css样式。像下面一样

a.nounderline {text-decoration: none; }

来源

2017-06-12 12:32:49

你已经附加类名称与HTML <a>标签是错误的。

你需要做的仅仅是类属性添加到您的<a>标签像这样的内容：

<a class="nounderline"></a> 

<a class="nounderline" href="https://google.nl"> <i class="fa fa-user-o" ></i> Personal Page </a>

来源

2017-06-12 12:41:23

什么工作对我来说是这样的：

a, nameofdiv{ 

color:black; 
text-decoration: none;

}

希望这有助于

来源

2017-11-30 22:34:11

删除超链接下划线也会删除超链接

回答

相关问题