如何僅使用CSS在選中事件中的sencha touch中更改復選框字段的背景顏色

Question

我有這段代碼可以更改選中復選框時復選框“ tick”標記的樣式，

.x-input-checkbox:checked  + .x-field-mask:after {
//Your style here
}

PS上面的代碼僅用於復選標記，並不用於整個字段。

但是我不知道如何使用純CSS（整個字段）來更改復選框字段的背景色

Answer 1

您必須操縱.x-field-mask類。 .x-field-mask:after僅用於繪制刻度線。

.x-field-mask {
  background-color: green;
}

應該可以。