FF Nova Radius per background-radius ändern funktioniert nicht mehr?

Firefox_94.0.1

In Nova wurde bekanntlich der Radius :hover auf 360° eingestellt. Da mir dies zu rund ist, habe ich versucht, diesen bei den einzelnen Elementen wie gewohnt mit der Funktion "background-radius" zu ändern. Jedoch greift diese hier offenbar nicht mehr.

Beispielhaft hier mein Code für die Suchleiste (noch nicht ganz fertig):

CSS

/********************* Navigationsleite mit Adressleiste ********************************************/
::selection {
 background: red !important;
}

#nav-bar{
    background: #00016e !important;
}

/*Buttons*/
#identity-icon-label {
 padding-inline-start: 4px;
 margin: 0;
 background-color: #2b286 !important;
 color: #fff !important;
}
.urlbar-icon.urlbar-go-button {
 color: #fff !important;
}
.urlbar-icon.urlbar-go-button:hover {
 background-color: #2b2c86 !important;
 color: red !important;
 border-radius: 8px !important;
}
#taskbar-tabs-button.urlbar-page-action {
 color: #fff !important;
}
#taskbar-tabs-button.urlbar-page-action:hover {
 background-color: #2b2c86 !important;
 color: red !important;
 border-radius: 8px !important;
}
#star-button-box.urlbar-page-action :hover {
 background-color: #2b2c86 !important;
 color: red !important;
 border-radius: 8px !important;
}
/*Symbole*/
image#trust-icon {
 color: red !important;
}
/*Schriftfarbe Suchfeld*/
#urlbar-input {
 mask-repeat: no-repeat;
 unicode-bidi: plaintext;
 text-align: match-parent;
 color: #fff !important;
}
/*Suchmaschienen Switcher*/
.button-background {
 &.labelled {
   gap: var(--space-small);
   background-color: red !important;
 }
}
.searchmode-switcher-panel-list {
 .searchmode-switcher-panel > & {
   padding: var(--panel-subview-body-padding);
   background-color: #00016e !important;
   color: #fff !important;
   border: none !important;
 }
}
/*Suchvorschläge*/
.urlbarView-background {
 .urlbar > .urlbarView > & {
   inset-block: calc(-1 * var(--urlbarView-margin-block) - var(--urlbar-joint-background-overlap)) calc(-1 * var(--urlbarView-joint-background-outset-block));
   border-start-start-radius: 0;
   border-start-end-radius: 0;
   clip-path: inset( var(--urlbar-joint-background-overlap) calc(-1 * var(--urlbar-joint-background-shadow-margin)) calc(-1 * var(--urlbar-joint-background-shadow-margin)) );
   background-color: #00016e !important;
   color: #fff !important;
 }
}
span.urlbarView-title.urlbarView-overflowable {
 color: #fff !important;
}
/*Länge der Leiste*/
.urlbar[breakout] {
 & > .urlbar-input-container {
   width: 100%;
   height: 100%;
   width: 1000px !important;
   margin-left: 60px !important;
 }
}
.urlbar-background {
 display: block;
 position: absolute;
 inset: 0;
 background-color: #00016e !important;
}
.urlbar-background:focus {
 display: block;
 position: absolute;
 inset: 0;
 background-color: #00016e !important;
 border-color: none !important;
}
.urlbar-background:active{
 display: block;
 position: absolute;
 inset: 0;
 background-color: #00016e !important;
 border-color: none !important;
}


/*Rahmen bei klick entfernen*/
.urlbar-background {
 box-shadow: none !important;
}
 
.urlbar {
 --toolbar-field-focus-border-color: transparent !important;   
}

Alles anzeigen

Hier geht es mir um alles mit :hover beim Punkt /*Buttons*/ trotz der Einstellung von 8px wird immer noch der runder Kreis angezeigt. Wie kann ich in Zukunft den Radius für die einzelnen Elemente festlegen?

.DeJaVu

Schau in die entsprechenden NOVA-Themen, das sollte funktionieren!

Mira_Belle

Firefox_94.0.1 Da schau bitte nach.

Beitrag

Border-radien in NOVA global ändern

Als Vorbereitung auf die kommende Woche mit dem Update auf 157 stable:

Nicht jeder mag die großen Radien des neuen Designs. Diese kurze 'Variablen-Lösung' kann die meisten Radien anpassen (sofern die entsprechenden border-radien der Id's und classes nicht manuell geändert wurden).

(Quelltext, 35 Zeilen)

Mitleser

26. September 2026 um 09:15

2002Andreas

Zitat von Firefox_94.0.1

alles mit :hover

Das Leerfeld vor :hover gehört da nicht hin:

Firefox_94.0.1

Ich habe selbst noch etwas dazu recherchiert und getestet.

Falls jemand dieselbe Frage hat und auf dieses Thema stößt:

Der Trick ist, dass Elemente nicht mehr auf der kleinsten Ebene angesprochen werden müssen, sondern auf der Hauptebene.

Beispiel:

Statt:

CSS

#taskbar-tabs-button.urlbar-page-action {
 color: #fff !important;
}
#taskbar-tabs-button.urlbar-page-action:hover {
 background-color: #2b2c86 !important;
 color: red !important;
 border-radius: 8px !important;
}

muss

CSS

#taskbar-tabs-button {
    border-radius: 8px !important;
    color: #fff !important;
}
#taskbar-tabs-button.urlbar-page-action:hover {
    border-radius: 8px !important;
    color: red !important;
    background-color: #2b2c86 !important;
}

verwendet werden.

.DeJaVu

Firefox geht mehr und mehr den weg von shadow css, deswegen kommst du nicht mehr wirklich ran.

Bei shadow css entweder alle Elemente des Typs, zB "button", aber nicht mehr wirklich mit einem Selektor oberhalb von "shadow css".

Da ist schade, mag seine gründe haben, aber versaut mir doch einiges von einem CSS, wo ich mit Nova tricksen muss.

Sören Hentzschel

Zitat von .DeJaVu

Firefox geht mehr und mehr den weg von shadow css, deswegen kommst du nicht mehr wirklich ran.

Natürlich kommt man da ran. Das funktioniert dann halt nur nicht via userChrome.css, sondern benötigt ein Script. Wobei ich ehrlich gesagt nicht sehe, wie du überhaupt auf dieses Thema kommst, weil du ja in der Lösung erkennst, dass da gar kein Shadow DOM involviert ist.

.DeJaVu

Zitat von Sören Hentzschel

sondern benötigt ein Script

Zitat von .DeJaVu

deswegen kommst du nicht mehr wirklich ran.

Merkst du selber, oder? Nicht jeder nutzt ein Script dafür, ich zB nicht, will ich nicht, ist mir total schnuppe. Aber ja, auch ich habe meine Mittel, um meinen Anspüchen gerecht zu werden.

Zitat von Firefox_94.0.1

dass Elemente nicht mehr auf der kleinsten Ebene angesprochen werden ~~müssen~~

"können". Ich war heute mit Nova in der Nightly aktiv. Ich kann gezielt Buttons in den Einstellungen nicht mehr ohne shadow ansprechen, also bei mir gar nicht ohne Acript. Und ich sehe nicht ein, das irgendwie anders ändern zu müssen. Das CSS aus #5 muss ich nicht explizit gesehen zu haben, um genau das dahinter zu vermuten. Dahingehend ist Firefox zuverlässig, immer mehr shadow dom zu nutzen.

Warum, ist mir erst mal egal. Wennich etliche Tricks anwenden muss, damit ich ohne Script für mich eine Lösung zu finden, dann haben sich meine benutzerdefinierten CSS recht bald erledigt. Kann ich unter Android auch nicht nutzen, wobei es genau dort überhaupt keinen grund gibt entgegen der Desktop-Version. Ich halte es so einfach wie möglich, so lange ich kann.

Sören Hentzschel

Zitat von .DeJaVu

Merkst du selber, oder? Nicht jeder nutzt ein Script dafür

Dass deine Aussage nicht korrekt war, habe ich selber gemerkt, ja. Deswegen schrieb ich es dir ja. Wenn du kein Script nutzt möchtest, ist das deine Sache. Aber es stimmt halt erstens einfach nicht, dass man ans Shadows DOM nicht herankommt, und zweitens ist das für dieses Thema wie gesagt ja nicht einmal relevant. Der Nutzer Firefox_94.0.1 hat letztlich lediglich die Klasse aus dem Selektor heraus genommen und eine Regel verschoben. Da sind keine „Tricks” oder dergleichen notwendig.

lionsson

Zitat von .DeJaVu

Merkst du selber, oder? Nicht jeder nutzt ein Script dafür, ich zB nicht, will ich nicht, ist mir total schnuppe. Aber ja, auch ich habe meine Mittel, um meinen Anspüchen gerecht zu werden.

Teil doch bitte Deine Mittel mit uns, anstatt Deinen Kleinkrieg mit Sören immer weiter zu forcieren. Für esteres ist dieses Forum.

Vielleicht hat ja der eine oder andere (sorry die Damen ähnliche Ansprüche wie Du.

Grüße Lionsson

FF Nova Radius per background-radius ändern funktioniert nicht mehr?

Border-radien in NOVA global ändern

Firefox_94.0.1 30. September 2026 um 20:29

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

v152.0beta2. Script "browsertoolbox.uc.js" funktioniert nicht mehr

Eingeschränkter Zugriff auf Lesezeichen in Unterordnern