30. ledna 2023
Možná se vám stalo, že prohlížeč Mozilla Firefox z ničeho nic začal dělat kolem odkazů nevzhledný modrý rámeček. Pro některé lidi, kteří na to nejsou zvyklí to může působit rušivě.
Nějakou dobu jsem se s tím snažil srovnat, ale nevydržel jsem to a chtěl jsem původní funkcionalitu prohlížeče bez modrého rámečku kolem odkazů. Začal jsem tedy hledat a nebyl jsem sám, kdo se to snažil vyřešit. Zde jsou informace proč tomu tak je:
V novějších verzích prohlížeče Mozilla Firefox (od verze 100 a výše) se ke zvýraznění odkazů začal používat nový typ "Indikátoru Fokusu", který kolem odkazů začal přidávat výrazný plný modrý rámeček. Před tímto vylepšením se původní odkazy zobrazovaly tečkovaně šířkou rámečku 1 pixel. Tato novinka je kvůli lepší přístupnosti webu, aby uživatelé mohli snadněji identifikovat odkazy a prvky na webových stránkách. Ušlechtilý záměr, leč pro mnohé to nemusí být to pravé ořechové.
Jak tedy z toho ven? Řešení je naštěstí jednoduché a zvládnete to bez problémů.
Otevřete si Mozillu Firefox a do adresního řádku zadejte
about:config
Vyskočí na vás hláška: Tady pozor. Změny v pokročilé konfiguraci mohou negativně ovlivnit výkon a bezpečnost Firefoxu (viz obr. 1). Klikněte na tlačítko Beru na vědomí a chci pokračovat.
Obr. 1: Bezpečnostní hláška...
Zobrazí se vám možnost vyhledávání předvoleb a parametrů (viz obr. 2). Do vyhledávacího pole zadejte text:
browser.display.focus_ring_on_anything
Obr. 2: Zde budeme vyhledávat předvolbu pro Focus_ring
Vyskočí vám řádek s nastavením parametru browser.display.focus_ring_on_anything, který je ve výchozím nastavení na parametru: False
viz obr. 3. Změňte hodnotu parametru na True
.
Obr. 3: Změna parametru...
Aby rámečky zmizely úplně, ještě nastavte šířku ohraničení. To uděláte tak, že zadáte buď předvolbu: focus_ring
a vyjede vám kompletní nastavení všech předvoleb focus_ring nebo můžete zadat rovnou:browser.display.focus_ring_width
. Zde nastavte hodnotu 0. Můžete ještě zrušit styl obrysu browser.display.focus_ring_style
z 1 (tečkovaná čára) opět na 0.
Obr. 4: Všechny předvolby Focus_ring
Finální nastavení je tedy:
browser.display.focus_ring_on_anythingtrue | true |
browser.display.focus_ring_style | 0 |
browser.display.focus_ring_width | 0 |
browser.display.focus_ring_widthna | 0 |
browser.display.show_focus_rings | false |
Po nastavení všech předvoleb si zkuste, zda-li vám zmizely rámečky (ještě je dobré si stránky načíst znova, udělat refresh stránky např. pomocí tlačítka F5).
V nastavení Focus_ring se s tím dá trochu i vyblbnout viz obr. 5. Takže si můžete dát jak kdysi před lety jemně tečkovaný rámeček, s plnou čarou a šířkou 1 px nebo klidně můžete manželce, manželovi, kamárádům, kolegovi či kolegyni v práci nastavit v prohlížeči šířku rámečku třeba na 50 px, ale ode mě to fakt nemáte... :D :D :D
Obr. 5: Přehled možností, jak si nastavit rámeček kolem odkazu
Tento postup mi pomohl a vyřešil změnu modrého rámečku na původní vzhled odkazů. Tak snad i vy máte stejný výsledek... ;)