ここにセレクターがあります:
input[type=radio]:checked + label:before {
content: "\2022";
color: #913921;
font-size: 20px;
text-align: center;
line-height: 18px;
}
以下のIE8はcssの疑似クラスセレクターをサポートしていないため、これは機能していませんhttp://selectivizr.com/を試しましたが、うまくいきませんでした:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="js/selectivizr.js"></script>
<style type="text/css">
input[type=radio]:checked + label:before {
content: "\2022";
color: #913921;
font-size: 20px;
text-align: center;
line-height: 18px;
}
</style>
<![endif]-->
私はすでに<!doctype html>
selectivizrを機能させるために他の人が言ったことのように置きました。
jQueryのようなこれに対する解決策はありますか、それともselectivizrに何か問題がありますか?
私はこの解決策を思いつきました。
$("#radioDivWrapper input:radio[name=option_radioDivWrapper]").change(function()
{
var id = $(this).attr("id");
$('#radioDivWrapperlabel').removeClass('selectedR');
$('#radioDivWrapperlabel[for='+id+']').addClass('selectedR');
});
入力タイプのラジオのラベルのスタイルを設定するクラスを追加するだけです。