How to disable automatic links coloring without selecting a color?

Solution 1:

If you don't want any coloration just do something like this:

a, a:hover, a:visited, a:active {
  color: inherit;
  text-decoration: none;
 }

Solution 2:

If anyone cares this is what I did with buttons that I made from the links. Probably have to watch out for the inheritance but it worked perfect in my case. Good luck!

HTML:

<a class="button blue" href="/">Place Your Order Today</a>

CSS:

a.button:visited
{
 color:inherit;
}
.button
{
 padding: 6px 8px;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
 margin-right: 10px;
 border-radius: 6px;
}
.blue
{
 border: 1px solid #2d748c;
 background-color: #40b5dc;
}