在默认元素上强制-webkit-tap-highlight-color

Question

我有一个导航栏，点击它们时突出显示元素。它正在工作，但我也试图默认选择/突出显示第一个元素。

当其中一个被点击时，-webkit-tap-highlight-color开始并控制颜色。我想让它突出显示我的第一个元素而不点击/点击它。

我尝试应用.active类，但结果不是我想要的，因为效果不同。 .current课程没有改变任何内容。

我的风格来自https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar&stacked=h

       <nav class="navbar navbar-inverse">
            <div class="container-fluid">
                <ul class="nav navbar-nav">
                    <li *ngFor="let tab of tabs; let index = index" [class.current]="index == 0"><a href="#">{{tab}}</a></li>
                </ul>
            </div>
        </nav>

我知道如何用js和事件来做，但是试图避免它。