html - Simple way to externally disable bootstrap a:hover color? -
my question simple : there way externally disable color bootstrap sets on a:hover elements ?
i'm making website uses many different font colors, , i'd prefer not have css setting each one.
until i've been doing manually each case, i'd still done default, since blue color ugly on colored backgrounds.
i've seen proposing following :
a:hover { color: inherit; }
as expected it, doesn't work, can't find other way :'(
do need every color there'll on website ?
you have set class each anchor use different hover-over color change.
i.e.
html
<a href="#" class="hover-white">anchor text white on hover</a> <a href="#" class="hover-red">anchor text red on hover</a>
css
.hover-white:hover {color: white;} .hover-red:hover {color: red;}
Comments
Post a Comment