title: Force -webkit-tap-highlight-color on a default element
body: <p>I have a nav bar with highlighting elements when clicked on them. It is working, but I am also trying to have the first element selected/highlighted by default.</p>
  
  <p>When one of them is tapped the <code>-webkit-tap-highlight-color</code> kicks in and controls the color. I want to make it highlight my first element without tapping/clicking on it.</p>
  
  <p>I tried to apply the <code>.active</code> class, but the result is not what I'm looking for, because the effect is different. The <code>.current</code> class did not change anything.</p>
  
  <p>My style is coming from <a href="https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar&amp;stacked=h" rel="nofollow noreferrer">https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar&amp;stacked=h</a> </p>
  
  <pre><code>       &lt;nav class="navbar navbar-inverse"&gt;
              &lt;div class="container-fluid"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li *ngFor="let tab of tabs; let index = index" [class.current]="index == 0"&gt;&lt;a href="#"&gt;{{tab}}&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/nav&gt;
  </code></pre>
  
  <p>I know how to do it with js and events, but was trying to avoid it.</p>