Wie kann man über die Farbe hinaus auch den Text des Buttons ändern?
Mein Ergebnis ist noch nicht optimal, weil der Button-Hintergrund beim Hovern nun viel kleiner ist, als beim unveränderten Button. Hier mein Versuch (gebastelt vor allem aus ChaosRacer's Lösung in einem anderen Thread):
Meine Lösung für den Button war mal das ↓ CSS.
CSS
.unified-toolbar .go-back .button-icon {
position: absolute !important;
color: #FFF !important;
}
.unified-toolbar .go-back:hover .button-icon {
color: #000 !important;
}
#unifiedToolbarContent > li.go-back > div > button {
appearance: none !important;
position: relative !important;
transition: none !important;
min-width: 44px !important;
background-image: none !important;
color: transparent !important;
}
#unifiedToolbarContent > li.go-back > div > button:hover {
transition: none !important;
background-color: #D1E2F2 !important;
color: transparent !important;
}
#unifiedToolbarContent > li.go-back > div > button::after {
appearance: none !important;
position: absolute !important;
transition: none !important;
content: 'Back' !important;
color: #FFF !important;
left: 15px !important;
right: 8px !important;
padding: 0 !important;
}
#unifiedToolbarContent > li.go-back > div > button:hover::after {
transition: none !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}
#unifiedToolbarContent > li.go-back > div > button {
appearance: none !important;
padding-inline-start: unset !important;
padding-inline-end: unset !important;
}
Alles anzeigen