Gepunkteten Rand entfernen

Hallo StandingBill,

teste mal das ↓ in der userChrome.css.

:root {
    --default-focusring: 0px !important;
}

Zitat von Dharkness

Hallo StandingBill,

teste mal das ↓ in der userChrome.css.

CSS

:root {
    --default-focusring: 0px !important;
}

Mir gefiel die Umrandung auch nicht, mit o.g. Code ist er bei mir erfolgreich beseitigt. Danke dafür
Beste Grüße
Uwe

Alternativ:

treechildren {
    --default-focusring: 0px !important;
}

Dann ist gleichzeitig der Rahmen auch in der Lesezeichen-Bibiliothek entfernt.

Außerdem wir die Bezeichnung :root in Zukunft teilweise immer mehr aus Firefox entfernt.

Beitrag

Re: Entwicklung Firefox (Trunk)

Eine weitere Änderung, die relevant für Nutzer dieses Forums ist, speziell für die CSS-Bastler: ein paar in :root definierte Variablen für die Firefox-Oberfläche wurden dahin verschoben, wo sie tatsächlich benutzt werden. Ich habe beispielsweise über die Suchfunktion sowas hier im Forum gefunden:

:root {--tab-line-color: #f9f9f9 !important;}

Das wird ab Firefox 60 nicht mehr funktionieren. Das müsste dadurch ersetzt werden:

#tabbrowser-tabs {--tab-line-color: #f9f9f9 !important;}

Das Ganze hat…

Sören Hentzschel

2. Februar 2018 um 23:19

StandingBill ..der Code von 2002Andreas entfernt es auch in meiner Bibliothek. Da sein Code zukunftsgewandt ist, nutze ich diesen.. Danke dafür!

Der gepunktete Rand wird auch beim Auswahldialog beim Speichern angezeigt (derzeit so einstellbar per about:config).

button:focus-visible {
outline: var(--default-focusring);
outline-offset: calc(-1 * var(--default-focusring-width) - 2px);
}

Zitat von Nutzende

Nette Rechenaufgabe, würde das auch so gehen?

Geht, Dankeschön!