Dan
Dan

Reputation: 2174

How to remove blue color from hyperlink

You can see the blue color on this hyperlink which i have visited. I am trying to remove this but still not able to get idea how to do this.

enter image description here

.myLink:visited,.myLink:hover,.myLink:focus,.myLink:active{
  color: inherit;
  text-decoration: none;
}

Upvotes: 0

Views: 2818

Answers (4)

Banuri
Banuri

Reputation: 1

.myLink:visited{
     border:none;
}

Upvotes: -1

testman
testman

Reputation: 26

Add this to your css class

outline: none;
border: 0;

Upvotes: 1

Pradeep
Pradeep

Reputation: 116

To avoid such cases, its always better to add css reset so that there is no need to always override the default browser styles, In your case its the default outline applied by the browser.

Check out this page , it will fix this issue as well as other you might face later.

Upvotes: 1

Bhuwan
Bhuwan

Reputation: 16865

Its maybe your outline or box-shadow or border when you hover...you have to check that by inspecting the element in the browser...

Use below css to the link:hover.

.myLink:visited,.myLink:hover,
.myLink:focus,.myLink:active{
  color: inherit;
  text-decoration: none;
  outline: none;
  box-shadow: none;
  border-color:transparent;
}

Upvotes: 1

Related Questions