HTML how to get rid of blue links?

Question

I'm editing my Tumblr layout, and I have a problem with the links. You know how on Google when you haven't clicked on a link, it's blue but once you click on it it turns purple? I know how to change the color so it's white or black or whatever color I need it to be, but it's a pain to have to change it constantly. My question is, how do I get rid of the links changing color once and for all? This is what's in my code:

a:link, a:active, a:visited{
color:{color:link2};
text-decoration: none;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}

So how would I do it that the links NEVER change color. Like it doesn't matter if you've been to the page or not the links stay the same.

Answer 1

Remove:



color:{color:link2};

-webkit-transition: color 0.4s ease-out;

-moz-transition: color 0.4s ease-out;



Change:



a, a:link, a:visited, a:hover; a:active{

text-decoration: none;

}



Normally you could use this for all states:



a {

text-decoration: none;

}



To include image links:



a, a img {

text-decoration: none;

border: none;

}



You may not know it, but a link has four different states that it can be in. CSS allows you to customize each state. Please refer to the following keywords that each correspond to one specific state:



link - this is a link that has not been used, nor is a mouse pointer hovering over it

visited - this is a link that has been used before, but has no mouse on it

hover - this is a link currently has a mouse pointer hovering over it/on it

active - this is a link that is in the process of being clicked



Ron

Answer 2

Change this line of code:



color:{color:link2};

to

color: #000000;



Really, change the #xxxxxx hex number like #000000 for black, #ffffff for white or any other hex color. That will do it.



One other point: with text-decoration set to none and no hover effect it may be difficult for a user to identify your links as links and not just colored text. Just sayin.

Answer 3

You can both do as the primary poster stated, or the desired approach could be so as to add this for your head phase. style img {border: none;} style This will intent all pics for your web page to don't have any border, with out exchanging something else.