CSS伪类链？输入[type = checkbox]：选中：之后 - 如何？

Question

我想将自定义样式添加为：在输入之后，如果已选中，则稍微更改样式。 是否有可能为主流浏览器实现这一目标？

https://codepen.io/thor78/pen/xYxqbL?editors=1100

目前仅适用于Chrome：

input[type=checkbox]:after {
    content: "";
    display: inline-block;
    padding: 12px;
    background: transparent;
    border: 2px solid orange;
    position: relative;
    top: -8px;
    left: -8px;
    border-radius: 3px;
}
input[type=checkbox]:checked:after {
    border: 2px solid green;
}

Answer 1

确定。因此INPUT在CSS上的speudo上表现不佳。 最重要的是，只有谷歌Chrome支持伪类链接，并允许伪输入以及适当的支持。

此时此刻，Firefox和IE都落后了。我认为这个话题暂时关闭了。

感谢帮助人们。