Hallo zusammen!
Mal wieder eine Frage und Bitte um eure Hilfe. Ich wollte gerne die Tabs ein wenig breiter machen, primär geht es um den aktiven Tab (der Tab der die aktuelle Internetseite anzeigt). Gleichzeitig würde ich gerne im gleichen Tab den Text ein wenig farblich verändern. Alles wie immer in CSS, Firefox 76.
Danke im Voraus!
Teste bitte mal, die Werte/Farben kannst du dir selber noch anpassen:
/* Inaktiver Tab Tabbreite */.tabbrowser-tab:not([selected]):not([pinned]) { max-width: 150px !important; } /* Aktiver Tab Schrift fett + schwarz */.tabbrowser-tab[selected]:not([pinned]) { font-weight: bold !important; color: black !important; } /* Aktiver Tab Hintergrund orange, und auch der blaue Balken oben weg */.tabbrowser-tab[selected] .tab-content { background: orange !important; } /* Aktiver Tab Tabbreite und etwas Abstand nach rechts/links zum nächsten Tab */.tabbrowser-tab[selected] { margin-left: 1px !important; width: 250px !important; } /* Tabtext wird nicht ausgeblendet */.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) { mask-image: none !important; } /* Angepinnter Tab aktiv Hintergrund und Schriftfarbe */ .tabbrowser-tab[pinned] .tab-content[selected=true] { background: orange !important; font-weight: bold !important; color: black !important; } /* Angepinnter Tab aktiv Text nach rechts verschoben */ .tabbrowser-tab[pinned] .tab-text { padding-left: 3px !important; }Hallo Andreas
Danke schon mal!!! Ich werde das mal Testen und auf meine Bedürfnisse anpassen.
Vielen, Vielen Dank noch einmal!
Gruss
War gern geschehen
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
