Hallo,
es geht um den Button in der Toolbar ... Schnellfilter
#unifiedToolbarContent > li.quick-filter-bar > div > button {
background-color: black!important;
}
#unifiedToolbarContent > li.quick-filter-bar > div > button:hover {
background-color: red!important;
} wie färbe ich diesen Schnellfilter Button ein wenn man ihn angeklickt hat `?
wie färbe ich diesen Schnellfilter Button ein wenn man ihn angeklickt hat?
Teste bitte das ↓ in der userChrome.css.
#threadPaneQuickFilterButton[aria-pressed="true"] {
background-color: #006800 !important;
color: #FFF !important;
}Teste bitte das ↓ in der userChrome.css.
Ich wollte gerade meinen CSS vorschlagen, habe aber zunächst deinen getestet. Er hat hier keine Wirkung.
Bei mir funktioniert
.button.unified-toolbar-button[aria-pressed="true"]:enabled {
background-color: greenyellow !important;
}wie färbe ich diesen Schnellfilter Button ein wenn man ihn angeklickt hat
Hallo,
wenn das der in der unified Toolbar ist, dann vielleicht so
folgend für beide
/* ---'unifiedToolbar' und 'Kopfzeile der Nachrichtenliste' | Schnellsuche Button bei gedrueckt--- */
#threadPaneQuickFilterButton[aria-pressed="true"],
#unifiedToolbarContent > li.quick-filter-bar > div > button[aria-pressed="true"] {
background-color: coral !important;
}Ich wollte gerade meinen CSS vorschlagen, habe aber zunächst deinen getestet. Er hat hier keine Wirkung.
Hm, das ist ziemlich interessant, sollte eigentlich funktionieren, aber bei mir ist es auch etwas länger, hier sieht es so ↓ aus.
#threadPaneHeaderBar > div > button#threadPaneQuickFilterButton[aria-pressed="true"] {
box-shadow: none !important;
background-color: #006800 !important;
}
#threadPaneHeaderBar > div > button#threadPaneQuickFilterButton[aria-pressed="true"]:hover {
box-shadow: none !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}Bei mir funktioniert
Und immer noch hm, die ↓ kurze Variante funktioniert hier auch.
#threadPaneQuickFilterButton[aria-pressed="true"] {
box-shadow: none !important;
background-color: #006800 !important;
}
#threadPaneQuickFilterButton[aria-pressed="true"]:hover {
box-shadow: none !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}Mal zum Verständnis für mich, es ist doch wohl der ↓ Button gemeint, oder?
