ionic改变tabs图标背景颜色

要改变Ionic Tabs组件的图标背景颜色，可以使用CSS伪类选择器来修改样式。下面是实现的步骤：

1. 在全局样式表中定义伪类选择器。

ion-tab-button::part(icon) {
  background-color: #FF6347; /* 背景颜色 */
}

2. 在你的Tabs组件中使用伪类选择器。

<ion-tabs>
  <ion-tab-bar slot="bottom">
    <ion-tab-button tab="tab1">
      <ion-icon name="home"></ion-icon>
      <ion-label>Home</ion-label>
    </ion-tab-button>
    <ion-tab-button tab="tab2">
      <ion-icon name="notifications"></ion-icon>
      <ion-label>Notifications</ion-label>
    </ion-tab-button>
    <ion-tab-button tab="tab3">
      <ion-icon name="settings"></ion-icon>
      <ion-label>Settings</ion-label>
    </ion-tab-button>
  </ion-tab-bar>
</ion-tabs>

这样，当你的Tabs组件加载时，图标背景颜色将会被修改为#FF6347。

希望这个解决方案能够帮助你改变Ionic Tabs组件的图标背景颜色。