Ne so einfach ist das bei dem Theme nicht, das verwendet für die Tabs ein Hintgrundbild da verändert dein Code nichts.
Um z.B. die runden durch eckige Tabs zu ersetzen verwende ich
CSS
@-moz-document url-prefix('chrome://') {
.tabbrowser-tab .tab-stack {
height: 29px !important;
max-height: 29px !important;
margin: 0 !important;
}
.tabbrowser-tab:not([selected]) .tab-stack {
padding: 1px 4px 0px !important;
}
.tabbrowser-tab[selected="true"] .tab-stack {
padding: 1px 2px 0px !important;
-moz-border-image: url('chrome://browser/skin/tabbrowser/mrcurveless-linux.png') 0 2 0 2 / 0 2px 0 2px !important;
}
#tabbrowser-tabs .tab-content {
margin: 0 !important;
}
}
Alles anzeigen
Um den Tab so aussehen zu lassen wie die anderen müsste ich also nur mrcurves-linux.png austauschen mit einem passenden Bild von den vertikalen Trennlinien.