Stylizacja linka

Question

Na początku chciałbym wszystkim podziękować za pomoc w ostatnim pytaniu - gdyby nie wy bym sobie nie poradził. :-)

A teraz druga sprawa: co zrobić, aby usunąć domyślną stylizację linków? W sensie aby usunąć zmiane korolu po najechaniu na niego, po odwiedzeniu i jego podkreślenia?

Z góry dziękuję.

Answer 1

mozesz edytowac w css znacznik a
a {
      text-decoration: none;
     color: #000;
}

a:hover {
      text-decoration: none;
     color: #000;
}

a:link {
    color: #000;
}

a:visited {
    color: #000;
}

a:active {
    color: #000;
}

 

Odsyłam http://www.w3schools.com/css/css_pseudo_classes.asp

Answer 2

w css

a{
text-decoration:none;
color:#000;
}

 

Answer 3

a{
    color: transparent; /*Będzie dziedziczyło kolor po innych blokach.*/
    text-decoration: none; /*Nie będzie podkreśleń, kolorków itp.*/
}
a:hover /*po najechaniu*/
{
    color: #jakistam;
    border-bottom: 1px solid #kolor;

    transition-delay: 0.20s; /*Po jakim czasie ma się uruchomić np: hover, albo active*/
    transition-duration: 0.20s; /*Ile ma się wykonywać animacja.*/
}
a:active /*Po kliknięciu*/
{
    font-size: 25px;
}

 

Comments

Transparent da niewidoczny link, żeby dziedziczył musisz dać inherit.

Answer 4

Witam

Ja Ci polece dwa sposoby:

1) Całkowity reset wszystkich z góry nauczyconych styli przeglądarek. (Twoja strona w kazdej przeglądarce bedzie tylkądać tak samo). Trzeba dodać zpecjalny artusz styli o nazwie np reset.css.
Po czym normalnie ustawiasz swoje style w arkuszu np style.css.

2) Nadpisać style narzucone przez przeglądarki internetowe w arkuszu styli CSS.
np

a:link, a:visited, a:active { color: #000; text-decoration: none; outline:none; }
a:hover { text-decoration: none; color: #FFF; }

P.S ja osobiście polecam mocno zawsze korzystać z resetów CSS.

Pozdrawiam serdecznie.