Hey there, I have written this code and for some reason, every link shared after it is displaying with a black background. I'm new to coding and can't seem to figure out what I'm doing wrong. Any help would be greatly appreciated.
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>