How to disable automatic links coloring without selecting a color?

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

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

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;
}

Specify the same color for a:visited and maybe also a:hover and a:active or simply put the color inline like this:

<a href="url" style="color:#69c">link text</a>

<font> is deprecated anyway.