IE中的复选框问题

时间:2015-08-15 18:43:17

标签: javascript html css internet-explorer

已检查的属性不是namespace :foo do desc "TODO" task dosomething: :environment do puts "Rails root is: #{ Rails.root }" puts "Current working directory is: #{ Dir.pwd }" # You can invoke the shell with backticks, exec or ... puts "You are: " + `whoami` end end IE8,下面是代码:

working

HTML代码

.chkBox {
    padding: 20px 4px 10px 11px;
}

.chkBox input[type="checkbox"]{
    display: none;
}
.chkBox input[type="checkbox"]+label span{
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-color: white;
    border:2px solid black;
    cursor: pointer;
    margin-right:5px;
}
.chkBox input[type="checkbox"]:checked+label span{
    background-color:#000000;
    background-image: url(checkmarktick.png);
    background-repeat: no-repeat;
    background-position-x: 3px;
    background-position-y: 3px;

}

.chkBox label {
    color: #8c8c8c;
}

小提琴玩 https://jsfiddle.net/09tnf1bL/embedded/result/

我几乎尝试了所有其他插件,如slevtizr,IE7和checked-pollyfill,但都没有用。任何人都可以让我如何解决这个问题。

1 个答案:

答案 0 :(得分:1)

IE8不支持:checked CSS选择器。它只被添加到IE9。

See here获取此浏览器和其他选择器的完整浏览器支持表。

您可以使用两种解决方法:

  1. 请改用[checked]。这将选择属性为checked

  2. 的元素
  3. 使用像Selectivizr这样的库来填充IE8,并支持这个和其他较新的CSS选择器。