Safari不会将：focus应用于bootstrap 3手风琴中的焦点链接

Question

https://getbootstrap.com/docs/3.3/javascript/#collapse

我有一个使用Bootstrap 3并包含这些bootstrap折叠组件的站点。现在的问题是，在Safari中，.primary-button:focus的：focus-styles不适用。

您可以在官方引导页面上对此进行测试，出于说明目的，我将在下面发布HTML：

<a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
  Link with href
</a>


CSS: 
.btn-primary.focus, .btn-primary:focus {
background-color: #286090
}

当我通过浏览器浏览网站时，它已与普通链接一起使用，因为我已经激活了Safari Mac的键盘导航。但是也许还有更多我不知道的设置？