CSSでチェックボックスに2つの異なる色を適用するにはどうすればよいですか?

Question

ページでチェックボックスを使用しています。良い結果。ただし、水色のチェックボックスが 1 つと、水色のチェックボックスがもう 1 つ必要です。現在、どちらのチェックボックスも水色になっています。もう一方を薄い黄色にするにはどうすればよいですか?

これが私が持っているものです。

リーリー リーリー

Answer 1

*これは、Chrome、Edge、Firefox で同じように表示されます。

必要な 明るい黄色の に クラス を指定するだけです。
クロスブラウザーのアプローチでは、スタイリングに と を使用しました。

リーリー リーリー