Was mich ja beim Firefox immer störte, waren diese komischen gepunkteten Umrandungen bei Links, die man anklickt.
Glücklicherweise kann man diese aber mit einem einfachen Eingriff in der Datei
C:\Programme\Mozilla Firefox\res\ua.css
entfernen.
Dort findet man ungefähr um die Zeile 122 herum folgenden Code:
*|*:-moz-any-link:focus {
outline: 1px dotted invert;
}
Diesen Part einfach ändern in:
*|*:-moz-any-link:focus {
outline: none;
}
Nach einem Firefox-Neustart ist man nun “randlos” unterwegs. 🙂
also …. ich finde diese “umrandung” eigentlich als recht hilfreich.
gerade beim abarbeiten von listenähnlichen seiten weiss ich durch die hervorhebung welchen link ich zuletzt angeklickt hatte!
Mann kann sich den kram auch sparen, wenn man outline: none; einfach unter den
a {
blabla;
outline: none; } einträgt
Bei Formular-Buttons und Webgalerien wie Lightbox sind die Umrandung des Firefoxs nicht nur furchtbar aus, sondern stört einfach auch ungemein.
Mit :-moz-any-link ist das aber leider nicht getan, es sind noch ein paar mehr Klassen und Tags die definiert werden müssen.
Wer das für seine Website unterbinden will, sollte am Besten diese Tags in sein CSS einbauen:
//
|:-moz-any-link:focus {
outline: none;
}
input[type=”image”]:focus {
outline: none;
}
button::-moz-focus-inner,
input[type=”reset”]::-moz-focus-inner,
input[type=”button”]::-moz-focus-inner,
input[type=”submit”]::-moz-focus-inner,
input[type=”file”] > input[type=”button”]::-moz-focus-inner {
border: none;
}
abbr[title], acronym[title] {
border-bottom: none;
}
abbr:focus, acronym:focus, address:focus, applet:focus, b:focus,
base:focus, big:focus, blockquote:focus, br:focus, canvas:focus, caption:focus,
center:focus, cite:focus, code:focus, col:focus, colgroup:focus, dd:focus,
del:focus, dfn:focus, dir:focus, div:focus, dl:focus, dt:focus, em:focus,
fieldset:focus, font:focus, form:focus, h1:focus, h2:focus, h3:focus, h4:focus,
h5:focus, h6:focus, hr:focus, i:focus, img:focus, ins:focus,
kbd:focus, label:focus, legend:focus, li:focus, link:focus, menu:focus,
object:focus, ol:focus, p:focus, pre:focus, q:focus, s:focus, samp:focus,
small:focus, span:focus, strike:focus, strong:focus, sub:focus, sup:focus,
table:focus, tbody:focus, td:focus, tfoot:focus, th:focus, thead:focus,
tr:focus, tt:focus, u:focus, ul:focus, var:focus {
outline: none;
}
//
Das geht aber auch kürzer:
*:focus{ outline : none; }
reicht nicht, da z. B. bei Buttons die Umrandung bleibt.
Aber was ausreicht, ist:
*:focus { outline: none; }
*::-moz-focus-inner { border: none; }
danke für den Tipp 🙂
Vielen lieben Dank, sehr sehr hilfreich der Tipp, danach hab ich schon lange gesucht. LG
ach endlich…
danach hab ich jetzt schon ewig gesucht.
mille gracie!