Как изменить цвет активной вкладки в ionic 4?

Question

Я пытаюсь изменить цвет выбранной вкладки в ionic 4, но столкнулся с некоторыми проблемами. Я использую шаблон вкладок. Я пытался редактировать это в chrome://inspect и это работало, но когда я построил для Android, это не дает никакого эффекта.

Что мне нужно изменить?

Answer 1

Я думал, что Ionic 4 полностью теневой DOM. Я могу ошибаться, но согласно тому, что я читал, вам нужно использовать CSS-переменные, чтобы получить доступ к стилям shadow-dom в Ionic 4. См., Например: https://www.joshmorony.com/a- грунтовка-на-CSS-4-переменных-для-ионно-4 /

Answer 2

Просто используйте настраиваемые свойства CSS ion-tab-button, --color-selected Цвет выбранной кнопки вкладки:

 ion-tab-button {
  --color-selected: red;
 }

Ссылка: ion-tab-button

Answer 3

Могу ли я предложить это -

https://ionicframework.com/docs/api/components/tabs/Tabs/

под активным я предполагаю, что вы имеете в виду выбранную вкладку.

Но если вы называете активную вкладку текущей, попробуйте этот форум -

https://getsatisfaction.com/apperyio/topics/ionic-active-tab-color