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();
});
} |
$(document).ready(function() {
blur_a();
});
function blur_a()
{
$('a').focus(function(){
this.blur();
});
}
Wspomniane w tekście kreskowane obramowanie jest raczej kropkowane (dotted) określane także markizą.
Link bez obramowania
A tak nie prościej06/07/2011 o 18:37
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' ?
06/07/2011 o 21:46
No tak
Link bez obramowania
trzeba za każdym razem z palca wklepać07/07/2011 o 10:53
Używanie do tego JS to porażka na maksa :). Lepiej zrobić to w CSS.
a:focus { outline: none; }
12/07/2011 o 09:38
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ć.
12/07/2011 o 12:15
A jeśli już JS to nie prościej byłoby tak?
$(document).ready(function() {
$('a').focus(function () { this.blur(); });
});
15/07/2011 o 23:04
Prościej :-)
16/07/2011 o 10:10