css - 样式为按钮悬停和选中状态的复选框 css 不起作用 Internet Explorer

Question

此处样式为按钮的复选框在 Internet Explorer 8 中不显示蓝色悬停状态或浅蓝色单击状态。它们在 IE9 中不显示悬停。你能看到我能做些什么来解决这个问题吗？

实际上，我几乎从这里复制了 CSS 。

我正在处理的按钮（复选框）和页面：http: //kodiakgroup.com/clients.php

我的按钮 CSS（复选框）：

#ck-button {
    margin:4px;
    background-color:#dff0ff;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
}

#ck-button label {
    float:left;
    width:12em;

}

#ck-button label span {
    text-align:center;
    padding:3px 0px;
    display:block;
    border-radius:4px;

}

#ck-button label input {
    position:absolute;
    top:-20px;
}

#ck-button input:hover + span {
    background-color:#2f7fc7;
    color:#fff;
}

#ck-button input:checked + span {
    background-color:#97ceff;
    color:black;
}

#ck-button input:checked:hover + span {
    background-color:#2f7fc7;
    color:#fff;
}

body { -webkit-animation: bugfix infinite 1s; }
 @-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }