I have some html anchor link code, and unlike the rest of document I want it to look like it is not a link.
Is there a simple way to disable the style change caused by w
I achieved this by creating a class .reset-a
and targeting all of its' pseudo classes.
Targeting of all pseudo classes is important to make it flawless.
outline: 0
property removes the dotted border that surrounds a link when it is focused or active.
.reset-a, .reset-a:hover, .reset-a:visited, .reset-a:focus, .reset-a:active {
text-decoration: none;
color: inherit;
outline: 0;
cursor: auto;
}