私は、チェックボックスをカスタマイズするための素晴らしいフォントを備えたシンプルなhtml/cssを持っています。私は、チェックボックスが表示されているときに、色を（現在は赤に）変更するのに苦労しています。カスタムチェックボックスとホバーフォントのホバースタイル
私はフォントの素晴らしいフォントを使用してチェックボックスをカスタマイズしているので、ラベルのホバーにCSSを適用する必要があると思われましたが、目的の効果がありません。
input.faChkRnd:hover + label:before {
color: red;
}
これは、チェックボックスのクリック時のみ変更され、ホバーオーバー時は変更されないようです。
ありがとうございました！それはdisplay: noneあるよう
あなたは入力を置くことはできません。あなたの:hoverは、ラベルに入れる：
input.faChkRnd + label:hover:before {
color: red;
}
我々はdisplay:noneプロパティを持つ要素の上にホバー状態を対象とすることはできません。 labelにホバーを置くことができます。このライブラリは、チェックボックスやラジオボタンをカスタマイズするために役立つかもしれない
https://jsfiddle.net/a0s0gkxb/3/
//when input is not checked
input.faChkRnd + label:hover:before {
color: red;
}
//when input is checked
input.faChkRnd:checked + label:hover:before {
color: green;
}