mainMenu sind nicht die Button sondern der Hintergrund.
Beispiel
Schriftfarbe Schwarz, Hintergrund Transparent.
CSS
Hintergrund
.mainMenu {
background-color: rgba(0, 0, 0,0);
border: 0px;
}
Button
.mainMenu > ul > li > a {
border: 0px;
background-color: rgba(0, 0, 0,0)!important;
}
Button Hover
.mainMenu > ul > li > a:hover {
background-color: rgba(0, 0, 0,0);
color: rgba(0, 0, 0,1.0);
}
Button Aktive
.mainMenu > ul > li.active > a {
color: rgba(0, 0, 0,1.0)!important;
background-color: rgba(0, 0, 0,0)!important;
}
Button Aktive Hover
.mainMenu > ul > li.active > a:hover {
color: rgba(0, 0, 0,1.0)!important;
background-color: rgba(0, 0, 0,0)!important;
}
Border Rechts entfernen
.mainMenu > ul > li:not(:last-child) > a {
border-right: 0px solid rgba(0, 0, 0, 0);
}
Alles anzeigen
Ist nur ein mini Beispiel.