I tried to set the background colour for my urlbar with #urlbar-input-container { border: none !important; border-radius: 5px !important; background: light-dark(#ffffffff, #1b1e20ff) !important; } this works fine for the most part, except on focus it creates some corner effects, which I think might be from the border that gets overlapped somehow.

And this is how it looks on focus without my code

  • jjagaimo@lemmy.ca
    link
    fedilink
    arrow-up
    1
    ·
    4 months ago

    May be a ::before or ::after or some selector (:focus) or some accessibility feature that highlights the selected item