更改HTML表单标签的CSS属性

Question

我做了什么:

我使用表单,字体真棒和标签创建了一个HTML测验.我正在使用来自字体awesome的图标圈和图标圈空白类替换为单选按钮以获得更加个性化的外观.我选择一个选项时,css会将字体真棒类的颜色更改为橙​​色.

我想做什么:

我试图做一个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/