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

Question

I\'ve tried the solutions presented in the following questions to no avail:

Remove blue border from css custom-styled button in Chrome

How to remove the blue box

Answer 1

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;
}