html - 更改标签的 HTML 表单 CSS 属性

Question

我做了什么:

我使用表单、 Font Awesome 和标签创建了一个 HTML 测验。我正在使用 font awesome 中的 icon-circle 和 icon-circle-blank 类来替代单选按钮以获得更自定义的外观。我有，当你选择一个选项时，css 会将 Font Awesome 类的颜色更改为橙​​色。

我正在尝试做的事情:

我正在尝试制作一个 css 属性，该属性会将标签的文本属性更改为与所选字体很棒的类相同的颜色。

CSS:

[type=radio] {
    display: none;
}
[type=radio] + label:before {
    content: "\f10c";
    color: #183e63;
    margin-right: 10px;
}
[type=radio]:checked + label:before {
    content: "\f111";
    color: #fcbc02;
    margin-right: 10px;
}
h3 {
    color: #5f93c5;
}
label {
    color: #183e63;
    font-weight: bold;
}

完整代码(http://jsfiddle.net/fTdRS/15/)

谢谢!

编辑:对不起，“简单的问题”，但我只是在学习 CSS，这是我第一次使用 [type] 属性。

Answer 1

添加:

[type=radio]:checked + label {
    color: #fcbc02;
}

http://jsfiddle.net/fTdRS/17/