Usunięcie kreskowanego obramowania wokół elementów – a

Zauważyłem, że na wielu stronach po kliknięciu myszką w elementy ‚a’ lub inne pojawia się kreskowane obramowanie, które jakby nie patrzeć szpeci stronę. Dlatego postanowiłem napisać mini artykuł o tym jak się tego obramowania pozbyć. Jest to bardzo proste i mam nadzieję, że komuś się przyda. Poniższy kod możemy umieścić między znacznikami bądź zaimportować plik JavaScript . Oczywiście kreskowane obramowanie można usunąć jeszcze z takich elementów jak: input[type=submit].

$(document).ready(function() {
	blur_a();
});
 
function blur_a()
{
	$('a').focus(function(){
		this.blur();
	});
}
VN:F [1.9.7_1111]
Głosy: +4 (Głosy na Tak: 5, Głosy na Nie: 1, Wszystkich głosów: 6)
Kategoria: JavaScript, Webmaster
Tagi: ,

Na czym zarabiam ?

7 odpowiedzi na „Usunięcie kreskowanego obramowania wokół elementów – a

  1. Wspomniane w tekście kreskowane obramowanie jest raczej kropkowane (dotted) określane także markizą.
    Link bez obramowania A tak nie prościej

    VA:F [1.9.7_1111]
    Głosy: +1 (Tak: 1, Nie: 0)
  2. Faktycznie pomyliłem trochę zwroty, ale to mało istotny szczegół.

    A czy czasem to co mi przesłałeś nie tyczy się tylko jednego elementu ‚a’ ?

    VN:F [1.9.7_1111]
    Głosy: 0 (Tak: 0, Nie: 0)
  3. No tak Link bez obramowania trzeba za każdym razem z palca wklepać

    VA:F [1.9.7_1111]
    Głosy: 0 (Tak: 0, Nie: 0)
  4. Używanie do tego JS to porażka na maksa :). Lepiej zrobić to w CSS.
    a:focus { outline: none; }

    VA:F [1.9.7_1111]
    Głosy: +2 (Tak: 2, Nie: 0)
  5. Nie jestem pewny, ale chyba ten kod nie zadziała na IE6. Tylko nie daję głowy, bo nie sprawdzałem :) Sprawdziłbym, ale IETester mi nie chce się włączyć.

    VN:F [1.9.7_1111]
    Głosy: 0 (Tak: 0, Nie: 0)
  6. A jeśli już JS to nie prościej byłoby tak?
    $(document).ready(function() {
    $('a').focus(function () { this.blur(); });
    });

    VA:F [1.9.7_1111]
    Głosy: +1 (Tak: 1, Nie: 0)
  7. Prościej :-)

    VN:F [1.9.7_1111]
    Głosy: +1 (Tak: 1, Nie: 0)