单选按钮无法在位置上单击

Question

我正在设计一些单选按钮，使其看起来很独特。但是我遇到了问题，问题是当我给它定位时，它确实让我看起来我想要，但我无法点击单选按钮标签将它们作为单选按钮。这是我的codepen和代码，使我的输入单选按钮不可点击。我无法选择，因为我的单选按钮在屏幕外。看起来我无法选择其中任何一个。

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

Answer 1

您的codepen示例有一个拼写错误：label for="male"也用于女性案例。 一旦修复，我可以点击这些标签上的任何地方。