关闭代码后html链接仍然被装箱

Question

我写了这段代码，在发送这段代码后共享的每个链接都显示黑色背景，我不知道为什么，我做错了什么我是一个完全的菜鸟所以任何帮助将不胜感激。

a:link, a:visited {
  background-color: black;
  color: red;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}   

a:hover, a:active {
  background-color: red;
  color: black;
}

<label>
  <input type="checkbox" class="growbox">
  <span>  
  <font color=red><b>* * * <u>IMAGE HOSTS</u> * * *</b></font>  <font color=blue>(Click to Open/ Click toClose)</font>
  <br>
  <font color=#7ec2cf><b><u>"Test site"</b></u></font>
  <font color=Red><b>They Will Open In a New Tab When Clicked</b></font> <br>
  <font color=red>Test sites (if one does not work try another)</font>
  <br>
  <a href="test.com" target="_blank"><b>test</b></a> 
  <a href="test.com" target="_blank"><b>test</b></a>
  <a href="test.com" target="_blank"><b>test</b></a>
  <a href="test.com" target="_blank"><b>test</b></a>
  <a href="test.com" target="_blank"><b>test</b></a>
  <a href="test.com" target="_blank"><b>test</b></a>
  <a href="test.com" target="_blank"><b>test</b></a>  
  </span>
</label>

Answer 1

只需从样式 css 中删除这一行

背景颜色:黑色；