输入类型无线电选择器:已选中

时间:2013-10-22 23:00:39

标签: javascript jquery css internet-explorer internet-explorer-8

我这里有一个选择器:

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>放在了对方所说的选择工作中。

是否有任何可能的解决方案,如jQuery或selectivizr中有什么问题?

我提出了这个解决方案。

$("#radioDivWrapper input:radio[name=option_radioDivWrapper]").change(function()
{
   var id = $(this).attr("id");
   $('#radioDivWrapperlabel').removeClass('selectedR');
   $('#radioDivWrapperlabel[for='+id+']').addClass('selectedR');
});

只需添加一个类来设置输入类型无线电标签的样式。

1 个答案:

答案 0 :(得分:0)

您是否已添加IE的元标记?

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">