Question

我似乎遇到了一个问题，对于已单击的链接，字体真棒图标显示为紫色。这是我设置HTML的方法：

<div class="notxtdec"> 
<a href="https://www.facebook.com"><i class="fab fa-facebook-f"></i></a>
</div>

CSS：

.notxtdec {
text-align: center;
align-items: center;
font-size: 12px;
text-decoration: none; }

Answer 1

.notxtdec选择一个div，而不是您的链接。如果要设置超链接的文本修饰，则需要执行以下操作，以锚标记为目标

：

.notxtdec {
    text-align: center;
    align-items: center;
    font-size: 12px; 
}

.notxtdec a {
    text-decoration: none; 
}

text-decoration只会删除大多数浏览器自动添加的下划线，因此，如果您尝试设置链接颜色，活动颜色或访问的颜色，则还需要添加以下规则：

/* anchor tags which have a valid href attribute */
.notxtdec a:link {
    color: #yourcolorhere
}

/* anchor tags which are being pressed/clicked */
.notxtdec a:active {
    color: #yourcolorhere
}

/* anchor tags which have an href which exists in the browser's history */
.notxtdec a:visited {
    color: #yourcolorhere
}

Answer 2

示例here可以为您提供帮助。

如果您将这样的内容添加到css文件中，即使您之前单击此链接，它也将始终保持相同的颜色。

a:link {
  color: red;
  text-decoration: none;
}

a:visited {
  color: red;
  text-decoration: none;
}

如何使字体超赞的图标没有文字装饰？

2 个答案: