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

Answer 2

Solution

:focus {outline:0 !important;}

This code all focus border remove.

Answer 3

I think you can do this setting the outline of the element to none.

.element {
  outline: none;
 }

Answer 4

The blue line came on the bottom of my word document when I took too long to close it.

I got rid of that line when I clicked, in the upper right hand corner, the box to make the screen larger.

Answer 5

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