- Firefox-Version
- 87.0a1 / 85.0
- Betriebssystem
- openSUSE Leap 15.2
Noch eine Frage von mir, weil es mir gerade keine Ruhe lässt.
Meine Tabs sind ja schön abgerundet. Den CSS-Code fand ich hier im Forum und es gefällt mir super.
Ein inaktiver Tab ist transparent - auch völlig in Ordnung.
Wenn man aber mit der Maus drüber fährt, dann ist er eckig.
Ich hab mir mit dem Inspector schon die Augen verdreht, bin aber nicht zur richtigen Stelle gelangt.
Könntet ihr mich so virtuell dahin "schubsen"?
Ein Bild fürs Verständnis:
Mein CSS zu den Tabs (.tabbrowser-tab:hover ist mein vergeblicher Versuch zum Anliegen):
CSS
/* abgerundete Ecken der Tabs */
#TabsToolbar .tabbrowser-tab{
border-radius: 80px !important;
border:none!important;
}
.tab-background[selected="true"] {
background: #C1FFC1 !important;
border-radius: 80px !important;
border:none!important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}
.tabbrowser-tab:hover {
border-image: none !important;
border-radius: 80px !important;
}
.tab-line[selected=true] {
display:none!important;
}
Alles anzeigen