ラジオボタンを選択した際の色を変えたい

cssのプロパティaccent-colorを使って以下のように色を変えることができます。

<!DOCTYPE html>
<html>
    <head>
        <title>accent-color.html</title>
        <meta charset="UTF-8">
        <style>
            input[class="m"] {    <!-- "m"というクラスを持つinput要素(この場合は男性用のラジオボタン)に対するスタイルルールを定義します。 -->
                accent-color: blue;    <!-- アクセントカラー(この場合はラジオボタンの色)を青に設定します。 -->
            }

            input[class="f"] {    <!-- "f"というクラスを持つinput要素(この場合は女性用のラジオボタン)に対するスタイルルールを定義します。 -->
                accent-color: red;    <!-- アクセントカラーを赤に設定します。 -->
            }
        </style>
    </head>
    <body>
        <input type="radio" name="gender" class="m" /><label>男性</label>
        <input type="radio" name="gender" class="f"/><label>女性</label>
    </body>
</html>

ラジオボタンのラベルの色を変化させて押しやすくする 最後までお読みいただきありがとうございます。