JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">default link styling</a>

<div class="custom">
  <a class="aLink" href="#">custom link styling</a>
  
</div>

CSS

a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
    background-color:#fff;
}

.custom a{
  color:olive;
  text-decoration:none; 
  cursor: crosshair;
}

.custom a:hover{
  color:cyan;
}


.custom{
  margin-top:40px;
}