Focus-Rahmen ausschalten?

Ingolf

Ich habe eine HTML-Seite mit folgendem Script erstellt.

<!DOCTYPE html>
<html class="html">
<head>
<title>Focus-Rahmen</title>
</head><body>
<a href="http://www.mozilla.com/" style="text-decoration: none">
hier steht der Text für den Externer Link
</a>
</body></html>

Mit einem Click auf den Text springt man nun auf die Mozilla-Seite. Wenn ich nun den Pfeil nach rückwärts "Eine Seite zurück" drücke erhält mein Text den Focus und damit diesen hässlichen, gestrichelten Rahmen. Das passiert aber nur bei FireFox, bei allen anderen Browsern nicht.
Jetzt nun meine eigentliche Frage. Wie bekomme ich diesen Rahmen um den Text weg?

Road-Runner

Dieser Tipp ist zwar von Anno Tobak, aber vielleicht funktioniert er noch.

Gehe zu about:config und ändere folgendes:

browser.display.focus_ring_on_anything auf den Wert false

browser.display.focus_ring_width auf den Wert 0

Ingolf

erst einmal besten Dank für die Mühe!
über "about:config" ist das kein Problem. Eine erstellte "user.js" für Mozilla funktioniert auch einwandfrei. Die ist jetzt in einem enlosem Pfad versteckt. Auf meinem Browser funktioniert das alles schon recht gut. Nur wenn andere meine Seite öffnen (die millionen von Usern) soll der Effekt auch verschwunden sein und das bekomme ich nicht hin. Bitte deshalb noch einmal um Hilfe. :klasse:

Mithrandir

CSS hilft: https://css-tricks.com/removing-the-dotted-outline/