导航在iPad上的活动项目不应用CSS

Question

当我选择导航中的项目时，它会滚动到我想要的区域，但会保留悬停的背景颜色，而不是我指定的活动背景颜色。

我正在使用Grayscale Bootstrap主题，它将活动类应用于列表项，因此我必须将其定位为：

<li class="page-scroll third fade-out active">
    <a href="#associates">
        Our <br style="display: none;">Associates
    </a>
</li>

使用以下样式：.active {background-color：＃ff6802;}