带有selectivizr的CSS3伪类在IE8及以下
带有selectivizr的CSS3伪类在IE8及以下
提问于 2014-03-01 16:39:10
如果:用selectivizr检查，我在设置我的收音机输入的样式方面有问题。你能帮我如何使它与selectivizr一起工作吗？如果有另一种方法如何做，请在下面线。这里是我的网站的链接：按钮和下面是我的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;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2014-03-01 17:33:12
像这里这样的聚填充：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;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22117133
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号