Adressleiste bei klick - hintergrundfarbe ändern ?

  • Firefox-Version
    103.0.2 (64-Bit)
    Betriebssystem
    Win10pro

    Hallo,

    wie kann ich die hintergrundfarbe der Adressleiste bei klick komplett ändern ?

    im Bild sieht man das nur die mitte geändert wird aber nicht rechts und links,. Das bleibt weiß ?

    CSS
    #urlbar-input:focus  {
      background-color:red !important;
    }

  • Zur hilfreichsten Antwort springen
    • Hilfreichste Antwort

    wie kann ich die hintergrundfarbe der Adressleiste bei klick komplett ändern ?

    Teste mal das ↓.

    CSS
    #urlbar:focus-within #urlbar-input-container {
        background-color: red !important;
    }

    Es grüßt,

    Ralf

  • Son Goku

    Hat einen Beitrag als hilfreichste Antwort ausgewählt.
  • Was genau hat denn nicht gestimmt?

    naja es wird nur der Hintergrund geändert, aber nicht die Adressleiste.

    besser kann ich es auch net erklären, deshalb die Screenshots.


    achte mal auf die Ecken ...

    Ansicht wenn einmal reingeklickt


    Ansicht vergrößert

  • Was genau hat denn nicht gestimmt?

    naja es wird nur der Hintergrund geändert, aber nicht die Adressleiste.

    besser kann ich es auch net erklären, deshalb die Screenshots.


    achte mal auf die Ecken ...

    :/ Ah!

    Habe das falsche Profil genutzt :!:

    Mit dem "Richtigen" konnte ich den "Fehler" nachstellen!

    Und siehe da, mit Ralfs Code war es so wie "gewünscht". :thumbup:


    Danke für die Auskunft und Erklärung.

    Mit <3lichem Gruß

    Mira

  • wie es soll wenn angeklickt

    Guten Morgen,


    und wie hast du den markierten Text grün bekommen?

    Guten Morgen,

    habe ich so gemacht.

    CSS
    #urlbar-container {
        --toolbar-field-focus-border-color:#486860 !important;
        }

    frag mich jetzt nicht wegen dem Schatten, das habe ich mir auch Notiert. Nur ich finde es leider net.

    Das war glaube ich box-shadow:none; !important;

  • Guten Morgen,


    und wie hast du den markierten Text grün bekommen?

    Guten Morgen,

    habe ich so gemacht.

    CSS
    #urlbar-container {
        --toolbar-field-focus-border-color:#486860 !important;
        }



    Moment, wäre das nicht nur die Farbe für die Umrandung ?


    Für den markierten Text benutze ich sowas :


    CSS
    /* Highlight color URL bar */
    #urlbar-input::selection {
    background-color: rgba(87, 80, 68, 0.2) !important;
    }
  • ...

    Für den markierten Text benutze ich sowas :


    CSS
    /* Highlight color URL bar */
    #urlbar-input::selection {
    background-color: rgba(87, 80, 68, 0.2) !important;
    }

    Oder ?

    CSS
        ::selection {
            color: #ffffff !important;                          /* weißer Text */
            background: #ff8000 !important;                     /* käftiges Orange */
        }

    Bitte Testen.

    Mit <3lichem Gruß

    Mira

  • Danke, aber ich sah gerade, dass das bei mir nur bei Windows blau ist.

    Bei Fx Linux ist die markierte URL schon grün. Das aber kommt vermutlich vom gewählten Desktop-Design oder Fx-Thema, denn im css hab ich dazu nichts.

    Ok und trotzdem THX :)


    EDIT: Kommt bei mir vom Fx-Thema, aber trotzdem Danke.

    Viele Grüße,
    reni
    ----------------------------
    OS: Leap15.3 / FF immer aktuell ;)

  • Dein Code in der userContent.css ergibt:

    Kann sein, denke ist auch so.

    Da ich das (markierter Text, aber in der Reg systemweit so festgelegt habe) kann ich das nicht so einfach nachstellen.


    Aber, ging es hier nicht um die userCrome.css?

    Du verwirrst mich. 8o

    Also

    CSS
    #urlbar-input::selection {
    background-color: rgba(87, 80, 68, 0.2) !important;
    }

    ist schon richtig, wenn der Hintergrund in der Adressleiste beim Anklicken sich ändern soll.

    Wenn man die Textfarbe noch ändern will, kommt noch ein color: #ffffff !important; hinzu.


    Lässt man das #urlbar-input weg, betrifft DAS dann auch das Suchfeld :!:

    Möchte man das Suchfeld anders farbig, muss ....

    Ok, das führt jetzt zu weit.

    CSS
    #urlbar-input::selection {
    background-color: red !important;
    }
    .searchbar-textbox::selection {
    background-color: limegreen !important;
    }

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle ()

  • hier mal der CSS so wie ich es unter Windows 10 Pro mit Firefox 103.0.2 (64-Bit) habe


    wer jetzt noch den MarkiertenText auf Websiten geändert haben möchte der macht einfach folgendes

    gewhört in der Datei "userContent.css" oder selber eine eigene CSS Datei erstelen.

    Für eeigene CSS Datei gibt es hier im Forum eine Anleitung.

    CSS
    ::selection {
        background-color:#30e60b !important;
        color:#0c0c0d !important;
        }