为什么此链接变成紫色并失去了造型属性

Question

我正在尝试为此按钮样式，以使文本是白色的，具有像其他社交媒体按钮一样的白色边框。我用于所有这些按钮的代码是相同的，并且当我预览HTML时，该按钮具有所需的属性，但是由于某种原因，当我上传文件并访问站点（Josholadunni.com）时，LinkedIn的按钮是紫色的，并且不't有一个边界。任何帮助将不胜感激！

.fa {
  padding: 10px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
}
.fa:hover {
  opacity: 0.7;
}
.fa-facebook {
  background: transparent;
  color: white;
  border-color: white;
  border-style: solid;
}
.fa-linkedin {
  background: transparent;
  color: white;
  border-color: white;
  border-style: solid;
}
.fa-instagram {
  background: transparent;
  color: white;
  border-color: white;
  border-style: solid;
}

<div id="socialmedia">
  <a href="https://www.facebook.com/oladunnidesign/" class="fa fa-facebook" target="_blank"></a>
  <a href="https://www.linkedin.com/in/josh-oladunni-96a893b8/" class="fa fa-linkedin" target="_blank"></a>
  <a href="https://www.instagram.com/JoshOladunniDesign/" class=" fa fa-instagram" target="_blank"></a>
</div>

Answer 1

链接具有一个名为 :visited的psuedo元素，该元素在您访问他们指向的URL后应用了一些默认样式。您不仅应该将样式应用于.fa，还应将样式应用于.fa:visited以获取所需的结果。