ラジオボタンがクリック可能でない場合

Question

ラジオボタンをスタイリングして一意に見せています。しかし、私は問題を抱えている、問題は私がそれを位置を与えるとき、それは私が欲しい私に見えるが、私はラジオボタンとしてそれらを動作させるラジオボタンのラベルをクリックすることができません。ここで私のcodepenと私の入力ラジオボタンをクリックできないようにするコードです。ラジオボタンが画面外になっているので、私はどちらも選択できません。私は誰も選ぶことができないようです。 label for="male"はまた、女性の場合に使用されます

input[type="radio"]{ 
    position:absolute; 
    left:-9999; 
} 

Answer 1

あなたcodepenの例では、タイプミスがあります。 これが固定されると、私はそれらのラベルのどこかをクリックすることができます。