检查 Internet Explorer 中的伪元素

我有以下伪元素：

input[type=radio].selected::before

在互联网浏览器中，伪元素根本不显示，所以我决定看一下。我在检查器中找到了选择器（检查器中的选择器将是一本很棒的儿童读物！）但是所有属性都被删除了。 （即覆盖/无效）。大多数属性不会被其他属性覆盖。这是 IE 中的默认行为还是这意味着样式根本不起作用，更重要的是，为什么它们不显示？下面是完整的CSS：

input[type=radio]{
    visibility:hidden;  
    cursor: pointer;
    width: 22px;
    height: 22px;
}

input[type=radio]::before{
    content: "";
    display: inline-block;
    visibility: visible;
    width: 16px;
    height: 16px;
    margin-bottom: 0;
    border: 1px solid #ddd;
    -moz-border-radius:8px;
    border-radius:8px;
    font-size: 41px;
    line-height: 18px;
    padding-left: 1px;
    color: #a3a3a3;
}

W3:

:before 和 :after 伪元素

作者指定生成内容的样式和位置 :before 和 :after 伪元素。正如他们的名字所示， :before 和 :after 伪元素指定内容的位置 元素的文档树内容之前和之后。内容' 属性与这些伪元素一起指定什么是 插入。

换句话说，伪元素只能用在容器元素上。这就是为什么它不适用于您的输入元素。