How can I disable the bootstrap hover color for links?

Solution 1:

if anyone cares i ended up with:

a {
    color: inherit;
}

Solution 2:

I would go with something like this JSFiddle:

HTML:

<a class="green" href="#">green text</a>
<a class="yellow" href="#">yellow text</a>

CSS:

body  { background: #ccc }
/* Green */
a.green,
a.green:hover { color: green; }
/* Yellow */
a.yellow,
a.yellow:hover { color: yellow; }

Solution 3:

a {background-color:transparent !important;}