Kijelölő keret eltávolítás az aktív HTML elemről

A legtöbb böngésző alapértelmezésben megjelöli a weboldalon éppen aktív elemet. Ennek oka, hogy például billentyűzetről lépkedve az oldal elemei között, a felhasználó tudhassa, az oldal melyik eleme aktív, azaz fogadja az adatbevitelt. Ez történik, ha a tab billentyűvel bejárjuk egy űrlap beviteli mezőit, vagy egy menü pontjain megyünk így végig. Bizonyos elemeknél ez azonban ronthatja a felület megjelenésének egységességét, ráadásul a látogatók többsége nincsen tisztában böngészője ezen képességével. Szerencsére a megjelenő keret kikapcsolása egyszerű, meg kell adnunk a szokásos CSS selector-t és beállítani az outline tulajdonságot:

1
2
3
.menu a {
	outline: none;
}

Ha az oldal összes eleménél, globálisan szeretnénk elvégezni a kikapcsolást, a szokásos * HTML selector-t használjuk:

1
2
3
* {
	outline: none;
}