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

How do I get rid of this blue border on focus? Ps: apologies for poor formatting.

  • @subhasutraOP
    link
    16 months ago

    I see. Thank you for the explanation as well!