單選按鈕不可點擊位置

Question

我正在設計一些單選按鈕，使其看起來獨一無二。但我有問題，問題是當我給它的位置，它確實給我看看我想要的，但我無法點擊單選按鈕標籤來作爲單選按鈕。這是我的codepen和使我的輸入單選按鈕不可點擊的代碼。我無法選擇，因爲我的單選按鈕不在屏幕上。看起來好像我不能選擇其中的任何一個。

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

Answer 1

您的codepen示例有一個錯字：label for="male"也用於女性案例。 一旦解決問題，我可以點擊這些標籤上的任何地方。