2

我在这里有一个选择器：

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');
});

只需添加一个类来设置输入类型单选的标签样式。

4

1 回答 1

0

你为 IE 添加了 meta 标签了吗？

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

于 2013-10-23T08:11:22.080 回答