Trotzdem muß der Kommentar auskommentiert werden
Habe ich etwas anderes behauptet
In meinem Code oben ist er das ja auch.
Trotzdem muß der Kommentar auskommentiert werden
Habe ich etwas anderes behauptet
In meinem Code oben ist er das ja auch.
aber das funktioniert leider nicht.
Teste bitte:
Funktioniert leider nicht.
Edit: Bezieht sich noch auf den funktionierenden Code: Im Kontextmenü der Menüleiste gibt es den Punkt "Lesezeichen-Symbolleiste". Wenn ich diesen mit der Maus anklicke und anschließend aus dem Menü fahre, ist der Punkt nicht mehr in "#2b2c86" hinterlegt, wie ich es als :hover definiert habe, sondern der wird dann weiß hinterlegt mit schwarzer Schrift. Welche Eigenschaft muss ich hier noch definieren, damit die Farben auch beim rausfahren stabil bleiben?
In meinem Code oben ist er das ja auch.
Ja, jetzt...
Wenn ich diesen mit der Maus anklicke
Den Eintrag muss man doch nicht anklicken
Der öffnet bei hover ein weiteres Popup.
/*4. hover Farbe in allen pop-up menüs ändern*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
menupopup > :is(menu,menuitem)[disabled="true"]:not(#ContentSelectDropdown > menupopup > menuitem):hover {
color: white !important;
border-radius: 9px !important;
background-color: #2b2c86 !important; /* old: #87CEFF */
}
menupopup > :is(menu,menuitem):not([disabled="true"]):not(#ContentSelectDropdown > menupopup > menuitem):hover {
color: #fff !important;
border-radius: 10px !important;
background-color: #8888b3 !important; /* old: #87CEFF */
}
}
Alles anzeigen
Kann und darf auch ausprobiert werden, Farben müssen halt nach eigenen Wünschen angepasst werden.
menu,
menuitem {
&:where([disabled="true"]) {
border-radius: 10px !important;
/* color:color: #ffff !important; */
text-shadow: none;
}
&:where([_moz-menuactive]:not([disabled="true"])) {
border-radius: 10px !important;
color: lime !important; /* Schriftfarbe aktiv (hover) */
background-color: red !important; /* Feld aktiv (hover) */
}
&:where([_moz-menuactive="true"][disabled="true"]) {
border-radius: 10px !important;
color: yellow !important; /* Schriftfarbe inaktiv (hover) */
background-color: green !important; /* Feld inaktiv (hover) */
}
}
Alles anzeigen
Im Hamburgermenü funktioniert dieses CSS aber noch nicht!
Und für's Hamburgermenü
Kann und darf auch ausprobiert werden, Farben müssen halt nach eigenen Wünschen angepasst werden.
CSS Alles anzeigenmenu, menuitem { &:where([disabled="true"]) { border-radius: 10px !important; /* color:color: #ffff !important; */ text-shadow: none; } &:where([_moz-menuactive]:not([disabled="true"])) { border-radius: 10px !important; color: lime !important; /* Schriftfarbe aktiv (hover) */ background-color: red !important; /* Feld aktiv (hover) */ } &:where([_moz-menuactive="true"][disabled="true"]) { border-radius: 10px !important; color: yellow !important; /* Schriftfarbe inaktiv (hover) */ background-color: green !important; /* Feld inaktiv (hover) */ } }
Im Hamburgermenü funktioniert dieses CSS aber noch nicht!
Und für's Hamburgermenü
Danke dafür. Der Code ist (fast) perfekt. Mit diesem ist auch mein im Edit von #22 geschildertes Problem nicht mehr da. Den Code für das Hamburger Menü habe ich noch nicht getestet, da ich für dieses einen separaten Code am laufen haben muss (:hover ist noch in da, aber in einer anderen Farbe).
Jedoch habe ich mit dem Code (wieder) das Problem, dass der sich auf auf Webseiten auswirkt... Kann man das noch ausschließen?
Firefox_94.0.1 Hättest Du mal einen Link, wo Dir das passiert?
Und Du musst natürlich in Deiner userChrome.css
in der ersten Zeile @-moz-document url(chrome://browser/content/browser.xhtml) { stehen haben
und das ganze dann in der letzten Zeile auch mit ) abschließen!
Firefox_94.0.1 Hättest Du mal einen Link, wo Dir das passiert?
Und Du musst natürlich in Deiner userChrome.css
in der ersten Zeile @-moz-document url(chrome://browser/content/browser.xhtml) { stehen haben
und das ganze dann in der letzten Zeile auch mit ) abschließen!
Leider funktioniert das trotz @-moz-document nicht. Einen Link habe ich mittlerweile. Hier im Forum bei der erweiterten Suche das Menü, bei welchem man die Seitenteile auswählen kann, in welchen gesucht werden soll: https://www.camp-firefox.de/suche/
Firefox_94.0.1 Ist tatsächlich so, nur kann ich mir da keinen Reim drauf machen, Sorry.
Nutze Andreas CSS aus Beitrag #24, da tritt das dann nicht auf.
Und Dein geschildertes Problem aus #22 ist damit auch erledigt, gerade getestet.
Nachtrag!
Dass der Code auch auf Websites wirkt, hat mit dem Selektor "menuitem" zu tun.
Der ist wohl zu allgemein.
Ich werde da noch etwas herumprobieren, aber mit Andreas CSS sollten ja Deine Wünsche erfüllt sein.
Seufz...
menupopup:not(.in-menulist) ?
Horstmann Leider nein.
Hier liegt die Ursache => &:where([_moz-menuactive]:not([disabled="true"]))
Oder habe ich da doch einen Denkfehler?
Mir ist ja nie das "Überspringen" des Codes aufgefallen, aber jetzt wo ich mit der Nase drauf geschubst wurde, schon.
Wirklich stören tut es mich nicht, aber ...
Ein schönes CSS wäre dann doch schön.
Einen Link habe ich mittlerweile
Ich vermute mal, du verwechselst da etwas
Mit dem Zusatz in meinem Code sieht das z.B. bei Amazon so aus:
Und so ohne den Zusatz:
Dann hat der Eintrag links auch deine Hg Farbe.
Bei deinem Link hat der Zusatz keine Wirkung.
Ist z.B. hier ja auch schon so im Antwortenfenster bei einem Rechtsklick:
Das entspricht ja auch dem normalen Kontextmenü vom Firefox, und nicht das einer Webseite.
Ob man da etwas ändern könnte, bin ich überfragt.
2002Andreas Danke für Dein CSS, das verwende ich jetzt auch.
Bei meinem CSS ist ja irgendwie der Wurm drinnen.
Es tut, was es soll, und zwar nur da.
das verwende ich jetzt auch.
Ich war zu voreilig! Bin doch wieder beim "alten" CSS.
Aber das ist dann ein anderes Thema.
Firefox_94.0.1 Ist tatsächlich so, nur kann ich mir da keinen Reim drauf machen, Sorry.
Nutze Andreas CSS aus Beitrag #24, da tritt das dann nicht auf.
Und Dein geschildertes Problem aus #22 ist damit auch erledigt, gerade getestet.
Nachtrag!
Dass der Code auch auf Websites wirkt, hat mit dem Selektor "menuitem" zu tun.
Der ist wohl zu allgemein.Ich werde da noch etwas herumprobieren, aber mit Andreas CSS sollten ja Deine Wünsche erfüllt sein.
MIt dem .css aus #24 habe ich aber das Problem, welches ich im Edit geschildert hatte: Wenn ich einen Menüpunkt verlasse, wird der Hintergrund weiß mit schwarzer Schrift und auch meine px-Einstellung ist weg. Ich werde (wohl) bei deinem bleiben und mich damit abfinden, dass es auch auf (manche) Kontexemüs in Webseiten auswirkt.
Wenn ich einen Menüpunkt verlasse, wird der Hintergrund weiß mit schwarzer Schrift und auch meine px-Einstellung ist weg.
Dann funkt dir noch ein anderer Code dazwischen.
Hier wird nichts weiß
Bin doch wieder beim "alten" CSS.
Du musst den nehmen, der alles macht was du möchtest
Alles anzeigenEinen Link habe ich mittlerweile
Ich vermute mal, du verwechselst da etwas
Mit dem Zusatz in meinem Code sieht das z.B. bei Amazon so aus:
Und so ohne den Zusatz:
Dann hat der Eintrag links auch deine Hg Farbe.
Bei deinem Link hat der Zusatz keine Wirkung.
Ist z.B. hier ja auch schon so im Antwortenfenster bei einem Rechtsklick:
Das entspricht ja auch dem normalen Kontextmenü vom Firefox, und nicht das einer Webseite.
Ob man da etwas ändern könnte, bin ich überfragt.
Ja, mit deinem Code funktioniert es, dass es sich nicht auf Webseiten auswirkt. Jedoch habe ich damit das im Edit von #22 beschriebene und in #34 erneut geschilderte Problem. Wenn du mir sagst, wie ich diese Bildschirmaufnahmen starten kann, könnte ich ein Video von dem Phänomen reinstellen.
Kontexemüs in Webseiten auswirkt.
Beitrag Nr. 32 hast du gelesen?
Kontexemüs in Webseiten auswirkt.
Beitrag Nr. 32 hast du gelesen?
Ja. Habe das Problem, welches mit deinem Code auftaucht, einmal aufgenommen (es geht NICHT um die Wirkung auf Webseiten). Da ich jedoch keine mp4-Dateien hochladen kann, hier als .gif. Der Anfang kann ignoriert werden, da bin ich mit der Maus falsch gefahren.
https://s5.ezgif.com/tmp/ezgif-5-058727704b.gif
Hier noch der verwendete Code:
/*4. hover Farbe in allen pop-up menüs ändern*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
menupopup > :is(menu,menuitem)[disabled="true"]:not(#ContentSelectDropdown > menupopup > menuitem):hover {
color: white !important;
border-radius: 9px !important;
background-color: #2b2c86 !important; /* old: #87CEFF */
}
menupopup > :is(menu,menuitem):not([disabled="true"]):not(#ContentSelectDropdown > menupopup > menuitem):hover {
color: #fff !important;
border-radius: 10px !important;
background-color: #8888b3 !important; /* old: #87CEFF */
}
}
Alles anzeigen