Css 如何将单选按钮标签设置为'；选中'；？

我一共有三个单选按钮，用于一个很小的评级。因为我不喜欢“普通”单选按钮，所以我改用字体很棒的图标。当用户单击其中一项时，如何将其标记为已选中：

<input id="rate-bad" name="rate" type="radio" value="bad" tabindex="5">
<label class="choice" for="rate-bad"><i class="fa fa-frown-o fa-3x"></i>bad</label>

坏的

输入按钮设置为不可见

---

是否可以使用类似“choice:：checked”的内容？

您可以使用jquery进行检查

比如说

<input id="rate-bad" name="rate" type="radio" value="bad" tabindex="5">
<label id="bad" class="choice" for="rate-bad"><i class="fa fa-frown-o fa-3x"></i>bad</label>

---

这将有助于您选中单选按钮

检查此项-感谢Luis p.A.-这让我度过了美好的一天：输入[type=radio]：选中+标签{color:#000；}

$("#bad").click(function() {
   $("#rate-bad").prop('checked', true);
});

<input type="radio" name="imgsel"  value="" checked="checked" />