How to remove blue shade from dropdown-CodePudding

I'm back for another beatin' ;)

So I have a hamburger with a dropdown menu, When opening the burger, a blue shade appears around the entire dropdown and the hamburger. I think is the focus part in the script and cannot figure it out. I would like to rid the focus thingy.

$(".dropdown").click(function () {
    $(this).attr("tabindex", 1).focus();
    $(this).toggleClass("active");
    $(this).find(".dropdown-menu").slideToggle(300);
});
$(".dropdown").focusout(function () {
    $(this).removeClass("active");
    $(this).find(".dropdown-menu").slideUp(300);
});

I also have the CSS if needed. Thank you for reading. Mike.

CodePudding user response：

It's CSS. Just try

.dropdown-menu {
  outline: none;
}

buuuuut, it's there for a reason. Outlines exist for accesibility reasons. You should not remove them.