CSS Issue with menu bar

Does anyone know where I would find the CSS to remove this blue box around the down arrow?

Parents
  • .btn:not(.disabled):not(:active):focus {
    1. outline: 3px auto #517bf8;
      1. outline-color: -webkit-focus-ring-color;
      2. outline-style: auto;
      3. outline-width: 5px;
    2. outline: 3px auto -moz-mac-focusring;
      1. outline-color: -webkit-focus-ring-color;
      2. outline-style: auto;
      3. outline-width: 5px;
    3. outline: 5px auto -webkit-focus-ring-color;
      1. outline-color: -webkit-focus-ring-color;
      2. outline-style: auto;
      3. outline-width: 5px;
    4. outline-offset: -2px;
  • I see how that might be it but I can see how to turn that off.  I tried this but nothing.

    .btn:not(.disabled):not(:active):focus {
    outline: 0px auto #074373;
    outline-offset: -2px;
    }
  • You can just turn it off for all invisible buttons on focus, like:

    .btn.btn-invisible.dropdown-toggle:focus {
    outline: none;
    }
Reply Children
No Data