Javascript 在表单中使用字体
我正在尝试在我正在创建的表单中使用令人敬畏的字体。表格基本上是一个选择题测验,有一个问题,然后是可能的正确答案和单选按钮 我想在测验中加入字体而不是单选按钮。 我想使用font awesome集合中的图标圈和图标圈空白,因此当用户单击答案时,JavaScript会将图标更改为图标圈,而不是图标圈空白 有没有人对如何做到这一点有任何想法或最佳做法Javascript 在表单中使用字体,javascript,html,css,font-awesome,Javascript,Html,Css,Font Awesome,我正在尝试在我正在创建的表单中使用令人敬畏的字体。表格基本上是一个选择题测验,有一个问题,然后是可能的正确答案和单选按钮 我想在测验中加入字体而不是单选按钮。 我想使用font awesome集合中的图标圈和图标圈空白,因此当用户单击答案时,JavaScript会将图标更改为图标圈,而不是图标圈空白 有没有人对如何做到这一点有任何想法或最佳做法 谢谢大家! 可以通过隐藏选项本身并使用标签显示修改过的框来完成。以下是我使用的HTML: <input type="radio" id="opt_
谢谢大家! 可以通过隐藏选项本身并使用标签显示修改过的框来完成。以下是我使用的HTML:
<input type="radio" id="opt_yes" checked name="test" value="yes">
<label class="icon-" for="opt_yes"> Yes</label><br />
<input type="radio" id="opt_no" name="test" value="no">
<label class="icon-" for="opt_no"> No</label>
jsFiddle演示
基于的解决方案
[type=radio] {
display: none;
}
[type=radio] + label:before {
content: "\f10c";
}
[type=radio]:checked + label:before {
content: "\f111";
}