4中更改标签栏和标签图标的背景颜色

4中更改标签栏和标签图标的背景颜色

本文介绍了如何在Ionic 4中更改标签栏和标签图标的背景颜色的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想知道如何将此选项卡栏的背景颜色更改为Ionic 4.

I want to know how to change the background color of this tab bar as Ionic 4.

我试图将--background: white;添加到ion-tab/ion-tabs中,但是它不起作用.

I tried to add the --background: white; in ion-tab/ion-tabs but it doesn't work.

<ion-tabs>
  <ion-tab label="Home" icon="home" href="/tabs/(home:home)">
    <ion-router-outlet name="home"></ion-router-outlet>
  </ion-tab>
  <ion-tab label="About" icon="information-circle" href="/tabs/(about:about)">
    <ion-router-outlet name="about"></ion-router-outlet>
  </ion-tab>
  <ion-tab label="Contact" icon="contacts" href="/tabs/(contact:contact)">
    <ion-router-outlet name="contact"></ion-router-outlet>
  </ion-tab>
</ion-tabs>

我对这个新的Ionic 4很好奇,(请帮助...

I'm so curious about this new Ionic 4 :( Please help...

推荐答案

离子4 +

ion-tab-bar, ion-tab-button{
 background-color: #ce0013;
}

ion-icon{
  color: #d7d8da;
}

这篇关于如何在Ionic 4中更改标签栏和标签图标的背景颜色的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-05 11:57