单选按钮不可点击位置

Question

我正在设计一些单选按钮，使其看起来独一无二。但我有问题，问题是当我给它的位置，它确实给我看看我想要的，但我无法点击单选按钮标签来作为单选按钮。这是我的codepen和使我的输入单选按钮不可点击的代码。我无法选择，因为我的单选按钮不在屏幕上。看起来好像我不能选择其中的任何一个。

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

Answer 1

您的codepen示例有一个错字：label for="male"也用于女性案例。 一旦解决问题，我可以点击这些标签上的任何地方。