CSS a href povezava

4 naročniki

Pozdravljeni, potrebujem manjšo pomoč in sicer me zanima, kako odpraviti črtkast pravokotnik, ki obkroža povezavo "a href", ko kliknem nanjo. Npr. če kliknem na dotični strani http://www.internetmojster.com v zgornjem meniju na "iskanje" se pojavi črtkast beli kvadratek, kateri obkroža povezavo "iskanje" v meniju. Je kakšna rešitev s pomočjo css-ja?

Če nisem dovolj nazorno razložil problema me opozorite.

Hvala za odg.

Lp,

To se prikaže samo v FF in meni, ga zaenkrat ni uspelo odstranit za a href

Povezavo lahko odstraniš s CSS deklaracijo a {outline:none;}

Slednje odstrani črtkano črto v Firefoxu, za Internet Explorer boš moral uporabit pa JavaScript.

Ampak ti črtkani robovi so mišljeni kot usability feature, ker ti kažejo na katerem linku imaš fokus, kadar se po spletni strani premikaš s tipkovnico (s tipko TAB). Tako da se poskušaj temu nasplošno izogibati.

a[href] {
  outline: none;
  text-decoration: none;
}
a[href]:focus {
  text-decoration: underline;
}

Se pravi pri FF skrije zunanji outline, ampak pri focusu, kliku na povezavo in premikanju s tabularjem pa podčrta povezavo ali po želji zamenja background-image/position...