A-tag status farver

Jeg har denne kode:
<style>
a:link {color:  red;}
a:active {color: green;}
</style>
og
<a  id="101" onClick="plan_click(this.id)" class="absz x" style="top:50px;left:50px " href="#" data-toggle="popover" title="Punkt 101">x</a>
<a  id="102" onClick="plan_click(this.id)" class="absz x" style="top:100px;left:100px" href="#" data-toggle="popover" title="Punkt 102">x</a>           

I Edge virker farverne perfekt:
Begge "x" er røde ved start, bliver hver for sig grønne ved aktivering og røde igen ved genstart.

I Chrome, Firefox, Opera og Vivaldi:
Ved første start i browseren er begge "x" røde. Ved aktivering af en af dem bliver de begge blå (ikke grønne). Derefter forbliver de begge urokkeligt blå straks ved alle efterfølgende genstart.

Alle browsere fungerer korrekt på alle andre områder end farverne.

Nogen der kender diagnosen og hvad jeg kan gøre for at vise de rette farver?