Remove link outline from p:tabView

Question

Is there a way to remove the outline, when an user click on one of the <p:tabView> tabs?

Set it in CSS did not help.

a {
    outline: 0 none !important;
}

Here is a screenshot.

Answer 1

The outline is added to the li element because it picks up the .ui-tabs-outline class after being clicked on. You can override the outline property in the class instead:

li.ui-tabs-outline {
  outline: none;
}