如何删除单击项上的轮廓焦点

Question

我的网站上有引导手风琴。我设置了轮廓，例如outline: 2px solid red。当我使用键盘导航（选项卡）时，焦点是可见的-这是正确的，但是当我用鼠标单击该项目时，焦点也是可见的。单击某个项目时如何删除此焦点？我尝试设置:active { outline: none; }，但不起作用。

谢谢！