<!DOCTYPE html>
<style>
a {
  border: solid;
  outline: solid;

  background-color: rgba(0, 128, 0, 0.5);
  border-color: green;
  color: green;
  fill: rgba(0, 128, 0, 0.5);
  outline-color: green;
  stroke: green;
  text-decoration-color: green;
}
</style>

<a id="visited" href="">
  This should be completely green.
  <svg width="14" height="14">
    <rect x="2" y="2" width="10" height="10" stroke-width="4"></rect>
  </svg>
</a>
<br>
<br>
<a id="unvisited" href="#">
  This should also be completely green.
  <svg width="14" height="14">
    <rect x="2" y="2" width="10" height="10" stroke-width="4"></rect>
  </svg>
</a>