CSS单选按钮未在IE8中选择或显示正确的图像

我使用css自定义样式的单选按钮，在firefox和chrome工作。但是，在IE8中，图像不显示选中的勾号，而只是显示未选中的图像。此外，如果我选择一个选项来更改单选按钮，则不会发生任何事情。这让我快发疯了，希望你能帮我克服这个问题。谢谢

css代码

input[type=radio].css-checkbox {
    display:none;
    }

input[type=radio].css-checkbox + label.css-label {
    padding-left:20px;
    height:15px; 
    display:inline-block;
    line-height:15px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:15px;
    vertical-align:middle;
    cursor:pointer;

    }

input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -15px;
    }

label.css-label {
    background-image:url(../../images/tick2.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

html输入示例

<input id="service1a" name="service" type="radio" class="css-checkbox" value="Standard" checked="checked" />

---

你能创建一个JSFIDLE.net吗？输入[type=checkbox]：IE8不支持checked-@Paulie那么IE8的解决方法是什么？Thanks@SW4你能用小提琴演奏图像吗？感谢为IE8解决这个问题，您需要Javascript/Jquery。