How do I remove the blue border that appears when clicking on a uib-accordion-heading?

Solution

:focus {outline:0 !important;}

This code all focus border remove.


Everyone who has a problem with not working outline: 0/none - try to set:

:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

Chrome is adding the blue line for accessability reason. You can remove it by adding this to your CSS. But note that this is kind of "brute force" to hide all focus outlines that may help users to find the focused element.

*:focus {
    outline: none !important;
}