0

Im using this

*{
    outline: none;
    box-shadow: none;
}

enter image description here

Lucas Martins Soares
  • 165
  • 1
  • 12
  • The focus ring is there for accessibility (i.e. keyboard only users) when using cursor UP/DOWN navigation of the menu items (the form is considered an item). Removing it will hinder those that cannot use a mouse or touchscreen. I wouldn't recommend removing it. It will only appear when using keyboard navigation or the user clicks the background of the menu. – Troy Morehouse Apr 08 '20 at 02:01

1 Answers1

0
.dropdown-menu:focus {
  outline: none;
}

one caveat, this will not work if placed in a Vue component's scoped style. You must use a deep selector, or place this in a non-scoped style block.

Avocado
  • 871
  • 6
  • 23