Border um Urlbar setzten bei Klick

  • Firefox-Version
    89.0 (64-Bit)
    Betriebssystem
    openSUSE Leap 15.2

    Hallo :)

    ich muss mich nun auch mal wieder melden ;)

    Meiner urlbar hab ich bisher bei Klick damit einen grünen Rahmen gegeben. Das funktioniert nun nicht mehr.

    CSS
    #urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
    border: 2px solid #0bb911 !important;
    border-radius: 16px !important;
    }

    Nun hab ich schon 'ne ganze Weile gesucht und glaubte eigentlich den richtigen Weg gefunden zu haben, aber leider nicht.

    Damit geht es nicht:

    CSS
    #urlbar:is([focused="true"] > #urlbar-input-container {
    border: 16px !important;
    border-color: #0bb911 !important;
    }

    Wie sprech ich die Urlbar mit Fokus an? Kann mir da bitte jemand helfen?

    Vielen Dank vorab :)


    Wenn ich es so mache, funktioniert es ein bisschen:

    CSS
    #urlbar {
    --toolbar-field-focus-border-color: #0bb911 !important;
    }

    Ich glaube, da spielen noch andere (alte) Einträge für die urlbar eine Rolle.

    Hier mal der komplette CSS-Code für die urlbar:

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

    Einmal editiert, zuletzt von reni (8. Juni 2021 um 18:22) aus folgendem Grund: Ein Beitrag von reni mit diesem Beitrag zusammengefügt.

  • da spielen noch andere (alte) Einträge für die urlbar eine Rolle.

    Entfern mal Zeile 13 und teste:

  • Super, Klasse, Perfekt :) Dankeschön :thumbup:

    Den alten Eintrag hab ich auskommentiert. Kann ich da eigentlich jetzt alles zu "#urlbar[breakout][breakout-extend] > #urlbar-input-container" entfernen?

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

  • Vielen Dank an dich und schönen Abend

    danke, das wünsche ich dir auch :)

    Bei einem Schnelltest eben, das sollte reichen:

  • So ist es perfekt :)

    In deinem Code war der "border-radius" verschwunden ;)

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