更改离子按钮的文字颜色-Java 学习之路

根据问题，如何更改离子按钮内的文本颜色？这是我按钮的代码

<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 里面

但没有任何作用 .

2 回答

0
只需将按钮中的 style 属性替换为 class name，然后在 app.scss 但代码下方（假设您将类名称设为 font-white ）
```
.font-white
  {  
    color : #fff !important; 
   }
```
回复于 2024-05-15T20:45:24+08:00
0
按以下方式修改 component.html 和 component.scss 文件，
```
<button ion-button block (click)="submitForm()" class="custom-button">Submit</button>
```
在你的 component.scss 中，
```
.custom-button{
  color: #000;
}
```
回复于 2024-05-15T20:45:24+08:00

更改离子按钮的文字颜色

2 回答

相关问题