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();
});
}
(+4, Głosów: 6)
Loading...
7 komentarzy
Wspomniane w tekście kreskowane obramowanie jest raczej kropkowane (dotted) określane także markizą.
Link bez obramowaniaA tak nie prościejFaktycznie 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’ ?
No tak
Link bez obramowaniatrzeba za każdym razem z palca wklepaćUżywanie do tego JS to porażka na maksa :). Lepiej zrobić to w CSS.
a:focus { outline: none; }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ć.
A jeśli już JS to nie prościej byłoby tak?
$(document).ready(function() {$('a').focus(function () { this.blur(); });
});
Prościej :-)