IE8图标就像复选框一样

Question

我已经制作了像复选框这样的图标，点击后会改变图标的​​颜色。它似乎适用于Chrome，IE9 +。但我需要让它们在IE8上工作（点击图标没有被更改）。

HTML

<INCLUDE_TYPOSCRIPT: source="FILE:EXT:myext/Configuration/TypoScript/setup.txt">

CSS

<input id="checkbox1" class="icon-checkbox" type="checkbox" />
<label for="checkbox1">
<span class='glyphicon glyphicon-trash unchecked'></span>
<span style='color:red;' class='glyphicon glyphicon-trash checked'></span>
</label>

https://jsfiddle.net/tadasvu/DTcHh/14579/

P.S我有：html5shiv.min.js，包括respond.min.js.

Answer 1

如果您想要旧版IE兼容性，请不要使用兄弟选择器，直接调用类。那应该解决它。