Farbanpassungen in den Popups, Untermenüs der Menüs (Datei, Bearbeiten, usw. )

    Firefox-Version
    104.0 (64Bit)
    Betriebssystem
    Windows 10 Version 21H2 (Build 19044.1889)

    Es ist etwas schwer für mich das Problem zu beschreiben!

    Mit diesem Code habe ich das Aussehen der Menüleiste festgelegt.

    So weit, so gut.

    Nun sind aber in einigen Popups, sowie auch in den Untermenüs

    die Hintergrundfarben beim Hovern nicht so, wie ich sie gerne hätte.

    Also habe ich diesen Code versucht zu verwenden.

    CSS
        menu[_moz-menuactive="true"]:not([disabled="true"]),
    menuitem[_moz-menuactive="true"]:not([disabled="true"]) {
        background-color: #5C5C5C !important;
        border-radius: 3px !important;
    }

    Aber dadurch wird auch der Code der Menüleiste überschrieben.

    So möchte ich das aber nicht!

    Wie gehe ich am besten vor?

    Mit <3lichem Gruß

    Mira

    Zitat von Mira_Belle

    Wie gehe ich am besten vor?

    Teste bitte mal:

    CSS
    #main-menubar > menu  {
        background: transparent !important;    
        color: #E0E0E0 !important;                                        /* Hellgrau, Schrift */
        border-radius: 3px  !important;
    }
#main-menubar > menu:is(:hover,[open],[_moz-menuactive])  {
        background: rgba(224, 224, 224, 0.2) !important;                    /* Hellgrau, Feld */
    }

    Und was genau möchtest du mit dem anderen Code erreichen?

    Mira_Belle Warum verwendest du eigentlich die Notation mit dem Attribut id? #file-menu, #edit-menu, #view-menu usw. ohne Voranstellung von menu ist doch viel kürzer.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

    Danke Andreas.

    Mit Deinem und mit meinem zweiten Code funktioniert es!

    Das Problem war, dass z.B. im Menü zu den Lesezeichen die Ordner eine andere Hintergrundfarbe hatten als die Links!

    Oder wenn ich ein Popup öffnete, dass beim drüberstreichen die Hintergrundfarbe eben nicht #5C5C5C war

    und die "Felder" auch keine abgerundeten Ecken hatten.

    Wie es ohne den Code aussah.

    Und so jetzt, mit Code :!:

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (30. August 2022 um 17:34)

    Zitat von milupo

    Warum verwendest du eigentlich die Notation mit dem Attribut id? #file-menu, #edit-menu, #view-menu usw. ohne Voranstellung von menu ist doch viel kürzer.

    Nicht nur kürzer: Ein ID-Selektor ist auch sehr viel effizienter als ein Attribut-Selektor, was den Aufwand betrifft, den Firefox hat, und die Spezifität beim Attribut-Selektor ist ebenfalls geringer, was beim Überschreiben von bestehenden Stilen ein Thema sein kann. Das mag in diesem Fall alles nicht spürbar ins Gewicht fallen. Auf der anderen Seite fällt mir kein Grund ein, wieso man zur unkonventionellen Schreibweise mit dem Attribut-Selektor greifen sollte, weil's halt wirklich gar keinen Vorteil hat. ;)

    Danke Andreas.

    Habe diese Frage gelöscht, weil ich kurz danach auch darauf gekommen bin.

    Und alles zusammen gefasst, so:

    CSS
        #file-menu,
    #edit-menu,
    #view-menu,
    #history-menu,
    #bookmarksMenu,
    #tools-menu,
    #helpMenu {

    Besser und zielführender, und vor allem noch kürzer, war aber der Code von Dir!

    CSS
        #main-menubar > menu  {

    Nochmals vielen Dank.

    Mit <3lichem Gruß

    Mira