Ionic Ion-checkbox 在 Typescript 中改变颜色

Question

我想更改打字稿中离子复选框的颜色

  <ion-item >
    <ion-label id="check1">No</ion-label>
    <ion-checkbox color="blue"  id="box1" [(ngModel)]="todo.check1"  name="check1"></ion-checkbox>
  </ion-item>

我试试这个：

document.getElementById("box1").color = "dark";

但是没用

我也尝试更改 class: 不起作用

谢谢你的帮助

Answer 1

尝试：

document.getElementById("box1").setAttribute("color", "dark")

或

document.getElementById("box1").style.color = "dark"

第一个将更改元素的颜色属性，而第二个将更改元素颜色的 css 样式。

为了让 typescript 满意，您可能还必须转换 getElementById 调用的结果。即

(document.getElementById("box1") as HTMLElement).style.color ...

Ionic Ion-checkbox 在 Typescript 中改变颜色

Ionic Ion-checkbox change color in Typescript

checkbox

colors

typescript

ionic-framework

ion-checkbox