Ionic2 更改离子2选项卡的背景色

Ionic2 更改离子2选项卡的背景色,ionic2,Ionic2,我知道,使用以下选项会在“我的选项卡”按钮处于活动状态时更改其图标颜色: $tabs-ios-tab-icon-color-active: red; 但我不知道如何更改按钮激活时的背景色 有什么帮助吗?@cnak2,查看,您可以看到背景颜色是由变量$tabs ios background设置的。 我建议更改此变量以包括您希望看到的颜色。@cnak2,查看,您可以看到背景颜色由变量$tabs ios background设置。 我建议更改此变量以包括您希望看到的颜色。通常,请转到以确定用于自定义

我知道,使用以下选项会在“我的选项卡”按钮处于活动状态时更改其图标颜色:

$tabs-ios-tab-icon-color-active: red;
但我不知道如何更改按钮激活时的背景色

有什么帮助吗?

@cnak2,查看,您可以看到背景颜色是由变量$tabs ios background设置的。 我建议更改此变量以包括您希望看到的颜色。

@cnak2,查看,您可以看到背景颜色由变量$tabs ios background设置。 我建议更改此变量以包括您希望看到的颜色。

通常,请转到以确定用于自定义的sass变量

如果搜索“tab”,您将看到显示的
$tabs background
可能就是您想要的。

通常,请转到以确定用于自定义的sass变量


如果您搜索“tab”,您将看到
$tabs background
显示您可能想要的背景。

试试这个,您可以更改目录
src/theme/variables.scss上的颜色


试试这个,您可以更改目录
src/theme/variables.scss上的颜色



谢谢穆罕默德,但我正在尝试更改单个选项卡的背景颜色,而不是整个块的背景颜色。我明白了,只需打开google chrome并浏览到
chrome://inspect
并确保连接到usb的设备能够通过inspect element browser进行实时调试,并找到要更改的组件。通过这种方式,您可以为每个ion tab组件添加单独的类,并使用chrome在inspect element会话上查找组件css类,然后自定义为
pagefolder/pagename.scss
FileThank Muhammad,但我试图更改单个选项卡的背景色,而不是整个块。我明白了,只需打开google chrome并浏览到
chrome://inspect
并确保连接到usb的设备能够通过inspect element browser进行实时调试,并找到要更改的组件。通过这种方式,您可以为每个ion选项卡组件添加单独的类,并使用chrome在inspect element会话上查找组件css类,然后自定义为
pagefolder/pagename.scss
文件