изменить цвет текста кнопки иона

Question

Что касается вопроса, как я могу изменить цвет текста внутри ионной кнопки? Вот код для моей кнопки

<button ion-button block (click) = "submitForm()">Submit</button>

Я пробовал различные методы, как показано ниже

<button ion-button block (click) = "submitForm()"><sub ion-text color = "light">Submit</sub></button>

<button ion-button block (click) = "submitForm()" ion-text color = "light">Submit</button>

<button ion-button block (click) = "submitForm()"><span ion-text color = "light">Submit</span></button>

<button ion-button block (click) = "submitForm()" class= "font-white">Submit</button>

где в последнем примере выше я вставил .font-white{color: #fff !important;} внутрь app.scss

но ничего не работает.

Answer 1

Измените файл component.html и component.scss следующим образом,

<button ion-button block (click)="submitForm()" class="custom-button">Submit</button>

В вашем component.scss ,

.custom-button{
  color: #000;
}

Answer 2

Просто замените атрибут style на кнопке, дайте class имя, а затем в своем app.scss, но ниже кода (предположим, вы даете имя класса как font-white)

 .font-white
  {  
    color : #fff !important; 
   }