How to make the tabs transparent?

I have tried the following, but it is not working (remains white):

.tabs.tabs-icon-only {
  background-color: rgba(0,215,255,.66) !important; /* or transparent, or background:none */
}

In:

<ion-tabs class="tabs-light tabs-icon-only" style="border: none;">

  <ion-tab title="Home" icon-on="icon-ionic" icon-off="icon-ionic" href="#/tab/home">
    <!-- Tab 1 content -->
  </ion-tab>

</ion-tabs>

Try this

2 Likes