html-将输入收音机替换为文本

我想将“输入收音机”替换为文本，并在选中时更改颜色

默认颜色为白色#FFFFFF，但单击时，它会变为#627CA9，但没有可见的“无线电输入”

---

我希望“input radio”的圆圈变成“display:none”，但保留一个文本，当用户单击时，该文本会改变颜色，这表明“input radio”已被单击

我不知道是否有可能做到这一点！ 提前感谢您的帮助！ （对不起，我的英语）

CHVRCHES

这就是你想要的吗？我使用jQuery隐藏单选按钮，并在单击单选按钮时更改标签的颜色

功能更改输入（输入）{
$（输入）.hide（）；
$（input.parent（）.css（'color'，'#627CA9'）；
}

这是你想要的吗？我使用jQuery隐藏单选按钮，并在单击单选按钮时更改标签的颜色


功能更改输入（输入）{
$（输入）.hide（）；
$（input.parent（）.css（'color'，'#627CA9'）；
}

CHVRCHES
我想它可能会有帮助，只需要一些额外的跨度：

<label>
  <input type="radio" name="poll_option" class="poll_option"value="CHVRCHES">
  <span>CHVRCHES</span>
</label>

我想这可能会有帮助，只需要一些额外的跨度：

<label>
  <input type="radio" name="poll_option" class="poll_option"value="CHVRCHES">
  <span>CHVRCHES</span>
</label>

问题不清楚请正确解释我希望“输入收音机”的圆圈变成“显示：无”，但保留一条文字，当用户点击时，文字会改变颜色，让人感觉“输入收音机”已被点击。我的答案是什么？或者你想从一开始就隐藏单选按钮？是的，没错！然而，它出现在它之前clicked@SergioC检查我的最新答案。但是，首先有单选按钮有什么意义吗？您最好省略它，并为
p
或
span
标记使用
onclick
事件。问题不清楚，请正确解释。我希望“输入收音机”的圆圈变为“display:none”，但保留一条文本，当用户单击时，该文本会改变颜色，给出“输入收音机”已被点击的想法我的答案是否符合您的要求？或者你想从一开始就隐藏单选按钮？是的，没错！然而，它出现在它之前clicked@SergioC检查我的最新答案。但是，首先有单选按钮有什么意义吗？您最好省略它，并对
p
或
span
标记使用
onclick
事件是的，这正是我想要的！非常感谢你！是的，这正是我想要的！非常感谢你！
.label input[type="radio"] {
  position: absolute;
  left: -9999px;
}

.label input[type="radio"]:checked+span {
  color: #627CA9;
}