コードの変更に関係なくチェックボックスの色を変更することが不可能なのはなぜですか？この問題は、Firefox 29以降で普及しています。チェックボックスとラジオボタンは「ネイティブ」フォーム要素と見なされます。つまり、外観はCSSルールではなくブラウザによって支配されています。ブラウザはユーザーインターフェイスの一貫性を優先するため、これらの要素のデフォルトの視覚的プロパティを実施します。このプロパティは、チェックマークと付随する背景を含むチェックボックスに適用されるアクセントの色を制御することができます。例は次のとおりです。 アクセントカラー：＃9b59b6; / *チェックボックス内のチェックマークの色を変更します＃cb1に青に */ }

デモンストレーション

以下のデモを参照して、アクセントカラープロパティを使用してチェックボックスカラーの成功した変更を目撃してください：

>>>>>

＃cb1 { アクセントカラー：＃9b59b6; } ＃cb2 { アクセントカラー：＃34495E; } ＃cb3 { アクセントカラー：＃e74c3c; }