禁用按钮的离子更改字体颜色

Question

如何更改已禁用按钮的字体颜色？

我有：

 <ion-col col-1><button class='buttoncell abc noactualbutton' ion-button [disabled]="true" [color]="white">{{row[8]}}</button></ion-col>

和SCSS：

   .noactualbutton[disabled]{
      color: rgb(255, 255, 255) !important;
    }

但是它仍然是“更白的”，但是它仍然是灰色的...

Answer 1

禁用按钮不透明度时，将自动设置为0.4。您可以将样式设置为禁用时的按钮，如下所示：

.noactualbutton:disabled, noactualbutton[disabled]{
      color: white;
      opacity: 1;
      background: #b3b3b3;
  }

Answer 2

ion-button {
    &[disabled] {
        opacity: 1;
        --background: #CCCCCC;
    }
}