如果通过selectivizr进行检查，则我的无线电输入样式存在问题。您能帮我如何使其与selectivizr一起使用吗？如果还有另一种方法，请在下面写下。这是指向我的网站的链接：test_radio_buttons，下面是我的CSS和HTML代码？谢谢大家的时间和精力。
HTML：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="lolkittens" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="checked-polyfill.js"></script>
<script>
$( document ).ready(function(){
$('input:radio').checkedPolyfill();
});
</script>
<link href="style.css" rel="stylesheet" />
<title>Radio</title>
</head>
<body>
<form>
<input type="radio" id="musi_se_jmenovat_stejne1" name="address" />
<label for="musi_se_jmenovat_stejne1"></label>
<input type="radio" id="musi_se_jmenovat_stejne2" name="address" />
<label for="musi_se_jmenovat_stejne2"></label>
</form>
</body>
</html>
CSS：
input[type="radio"]{
display:none;
}
input[type="radio"] + label
{
background: url('radio_un.gif');
height: 16px;
width: 16px;
display:inline-block;
padding: 0 0 0 0px;
}
input[type="radio"]:checked + label
{
background: url('radio_in.gif');
height: 16px;
width: 16px;
display:inline-block;
padding: 0 0 0 0px;
}
input[type="radio"].checked + label{
background: url('radio_in.gif');
height: 16px;
width: 16px;
display:inline-block;
padding: 0 0 0 0px;
}
最佳答案
这样的多边形填充物在这里：https://github.com/rdebeasi/checked-polyfill对我有用。
当在标签上触发onchange事件时，它将在IE8中添加一个检查的类。
我确实记得selectivizr并使其无法正常工作。
请参见此处的小提琴：http://fiddle.jshell.net/5a7Gj/15/在IE8中的浏览器堆栈上进行了测试，不适用于selectivr。它不添加任何检查的类。
input[type="radio"]:checked + label
{
background: url('radio_in.gif');
height: 16px;
width: 16px;
display:inline-block;
padding: 0 0 0 0px;
}
input[type="radio"].checked
{
background: url('radio_in.gif');
height: 16px;
width: 16px;
display:inline-block;
padding: 0 0 0 0px;
}
关于html - IE8及更低版本中具有selectivizr的CSS3伪类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22117133/