[Solved on my own! ] Q. Is it possible to disable the blue highlight of an anchor tag in html?

Question

When an anchor tag link is pressed/hovered how can I disable the blue highlight?

Answer 1

text-decoration: none;

Answer 2

<style>
a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:active {
text-decoration: underline;
}

/* Good Luck */

</style>

Answer 3

SoloProg Now also light blue highlight is coming.

Answer 4

Kode Krasher I solved on my own, changed anchor to button so no blue highlight now. 😀

Answer 5

Kode Krasher No, I'm done with rock, paper, scissors. This question was for my latest project 😀

Answer 6

Hadi Khan Hi, but this is not the place to say hi/hello, it is considered spamming, if anyone reports you, than you may be deactivated.. so better delete your answer. You can DM, or Make a post to say your greetings or informal work.

Answer 7

SoloProg I want to remove the blue highlight when it's hovered, I've tried this, but not working. 😣

Answer 8

SoloProg this is also not working.. 😖😖

Answer 9

put your code here
Oo"

Answer 10

Don't use the selector a, use the selector a:any-link. Your problem is with a:active is the selector which allows you to style the link during the time it is active(after a click on it) so you could use the selector to fix your problem, too. I would recommend to take a look at pseudo selectors, they are really useful and very powerful

Answer 11

remove #bt:hover & table td:hover

#bt:hover{
background-color:var(--blue1);
}

table td:hover{
background-color:var(--blue1);
}

Good Luck :)

Answer 12

Don't forget "Run"

Oo"