Hi! I have tried to search around the web, but I haven’t found any answer that works.
I am running the tabs app template of ionic.
As you can see in the screenshot, the tabs background is grey on web/iOS, and white on Android.
I have not made any changes of this part of the code.
I can confirm this is still a problem on Android, using ionic v1.0.0-beta.13 “lanthanum-leopard”. No matter what CSS I try to use on the tabs, they always appear white on Nexus 5, Android 4.4.4
Even though I didn’t set it, the tabs-striped class is being automatically applied to the <ion-tabs> element. This appears to be an android-only customization automatically applied by ionic?
I overwrote the CSS for .tabs-striped .tabs and then I was able to set the color properly.
.config(['$ionicTabsConfig', function($ionicTabsConfig) {
// Override the Android platform default to add "tabs-striped" class to "ion-tabs" elements.
$ionicTabsConfig.type = '';
}])