::之前和之后::在Firefox和IE

Question

我开发了代码并在Google Chrome上进行了审核。这将使用颜色填充选中的复选框。

HTML：

<input type="checkbox"/>
<input type="checkbox"/>
<input type="checkbox"/>

CSS

input:checked::after {
   content: open-quote;
   background-color: red;
   font-size:9px;
   border:1px solid black;
   border-radius:3px;
   /* height: 10px; */
   padding-left: 8px;
}

但是这段代码不适用于FF和IE。

我想出的原因是:: after不会在FF和IE上呈现。

请提出解决方案。

Here是JsFiddle链接

请在firefox和IE上查看这个小提琴以查看问题