Border für aktiven Tab fehlt

BarbaraZ-

Moin,

seit dem Update auf die Version 119 bekomme ich den roten Rand um den aktiven Tab nicht mehr angezeigt.

Habe schon selber ein wenig probiert, bekomme es aber mit dem folgenen Code nicht hin.

CSS

/* Toolbarbutton einfärben - alle Buttons werden,soweit nicht farbig, eingefärbt. */

:root:not([customizing]) .toolbarbutton-1[disabled="true"] {
    opacity: 0.8;
}

#toolbar-menubar {
    background-color: yellow !important; //*oberste Leiste im Screen**//
}*/
        
.tabbrowser-tab:is([visuallyselected="true"]), > .tab-stack > .tab-background {
   border: red 3px solid !important;
}

Alles anzeigen

Erbitte Hilfe.

2002Andreas

Zitat von BarbaraZ-

Erbitte Hilfe.

Teste bitte:

CSS

/* Toolbarbutton einfärben - alle Buttons werden,soweit nicht farbig, eingefärbt. */

:root:not([customizing]) .toolbarbutton-1[disabled] {
    opacity: 0.8;
}

#toolbar-menubar {
    background-color: yellow !important; /*oberste Leiste im Screen*/
}
        
.tabbrowser-tab:is([visuallyselected]) > .tab-stack > .tab-background {
   border: red 3px solid !important;
}

Alles anzeigen

BarbaraZ-

Hallo Andreas,

das klappt leider nicht. Es bleibt, wie es ist, kein roter Rand.

Die gelbe Schrift im Toolbarbutton spreche ich hiermit an:

CSS

@-moz-document url-prefix("chrome://browser/content/browser.xhtml"){
#main-menubar .menubar-text{
    font-size: 12px !important;
    font-weight: bold !important;
    color: red !important;
    }
    
    .tabbrowser-tab{ 
    font-size: 11px !important;
    color: yellow !important;
    }
}

Alles anzeigen

Vielleicht kann man ja beide Codes zusammenführen.

2002Andreas

Zitat von BarbaraZ-

kein roter Rand.

Ich hatte den Code oben nachträglich angepasst, da war ein , drin, was da nicht hingehörte.

BarbaraZ-

Nun hat es geklappt.

Herzlichen Dank.

Nun versuche ich, die Schrift mal in den anderen Thread rein zu kopieren. Habe dann die "Toolbarbuttons" separat.

2002Andreas

Zitat von BarbaraZ-

Nun hat es geklappt.

Zitat von BarbaraZ-

Vielleicht kann man ja beide Codes zusammenführen.

CSS

/* Toolbarbutton einfärben - alle Buttons werden,soweit nicht farbig, eingefärbt. */

:root:not([customizing]) .toolbarbutton-1[disabled] {
    opacity: 0.8;
}

#main-menubar .menubar-text{
    font-size: 12px !important;
    font-weight: bold !important;
    color: red !important;
}
    
#toolbar-menubar {
    background-color: yellow !important; /*oberste Leiste im Screen*/
}

.tabbrowser-tab { 
    font-size: 11px !important;
    color: yellow !important;
}
        
.tabbrowser-tab[selected] > .tab-stack > .tab-background {
    border: red 3px solid !important;
    box-shadow: none !important;
}

Alles anzeigen

BarbaraZ-

~~Dat klappt leider nicht. Hat nun weisse, statt gelber Schrift.~~

Ich habe folgende Zeile oben eingefügt:

@-moz-document url-prefix("chrome://browser/content/browser.xhtml"){

und es flutscht.

2002Andreas

Zitat von BarbaraZ-

Hat nun weisse, statt gelber Schrift.

Zitat von BarbaraZ-

@-moz-document url-prefix("chrome://browser/content/browser.xhtml"){

Geht auch ohne

Dann muss aber die 2te Klammer } entfernt werden am Ende.

BarbaraZ-

Ist jetzt alles wieder schick.

2002Andreas

Zitat von BarbaraZ-

Ist jetzt alles wieder schick.

So sollte es ja auch sein

Border für aktiven Tab fehlt

Ähnliche Themen

Fx 119: Hintergrundfarbe aktiver Tab verschwunden

Nach heutigem Nightly-UpDate Tab-Beschriftung verschoben..

Aktiven Tab erkennen

+ für neuen Tab ist weg

Tab border-radius ändern inkl hover für nicht Aktiven Tab ?

In Version 108.0 fehlt mir das + für Neuen Tab