Я пытаюсь изменить цвет значка на выбранной вкладке и действительно борюсь с тем, как перезаписать переменную.

Я делаю следующее:

 ion-tabs {
    --color-selected: #ff7800 !important;
    --ion-color-contrast: #ff7800 !important;
}
1
UpsetPopcorn 13 Сен 2018 в 08:10

2 ответа

Лучший ответ

Я понял! Похоже, что --ion-color-Contrast происходит от исходных элементов, которые вы применили к компоненту, в моем случае "dark". Поэтому мне действительно нужно перезаписать --ion-color-dark-Contra следующим образом:

 ion-tabs {
    --ion-color-dark-contrast: #ff7800 !important;
}
1
UpsetPopcorn 16 Сен 2018 в 03:06

Чтобы установить переменную CSS для определенного компонента, добавьте переменную внутри его селектора. См. Раздел Ionic Variables для получения дополнительной информации о переменных на уровне компонентов, которые предоставляет Ionic.

/* Set the color on all ion-button elements */
  ion-button {
   --color: #222;
   }

  /* Set the background on an ion-button with the .fancy-button class */
  .fancy-button {
   --background: #00ff00;
  }
1
Lalit Baghel 24 Июл 2019 в 09:47