0

私がしたこと:

フォーム、素晴らしいフォント、ラベルを使用して HTML クイズを作成しました。font awesome の icon-circle および icon-circle-blank クラスを使用して、よりカスタマイズされた外観のラジオ ボタンとして代用しています。オプションを選択すると、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] プロパティを操作するのは初めてでした。

4

1 に答える 1

5

追加:

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

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

于 2013-04-02T13:33:29.880 に答える