css - CSSのみを使用して、チェックされたイベントでsencha touchのチェックボックスフィールドの背景色を変更する方法

Question

チェックボックスを選択すると、チェックボックスの「チェック」マークのスタイルを変更するこのコードがあります。

.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;
}

トリックを行う必要があります。