JSFiddle - React, Tailwind, and code Playground
HTML
<a href="#" ondragstart="return false;">Click me</a><br/><br/>
<a href="#"><span>Sorry, :active doesn't apply here</span></a>CSS
a { color: blue; outline:none;}
a:hover { color:red; }
a:active { color:green; }
a:active * {color: black;}