小编con*_*orb的帖子

Internet Explorer的输入:选中+标签:在未呈现样式之前

我在:checked为自定义复选框设置样式时遇到了一些麻烦,无法在Internet Explorer中显示.

它们在Chrome中运行得非常好.

在此输入图像描述

......但在IE中

在此输入图像描述

这是相关的造型

input[type="radio"], input[type="checkbox"] {
    opacity: 1;
    position: absolute;
    top: -9999;

    & + label {
        vertical-align: middle;
    }
}

input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
    content: '\f3fd';
    font-family: 'Ionicons';
    width: 26px;
    height: 20px;
    border: 2px solid #45555F;
    font-size: 24px;
    color: transparent;
    display: table-cell;
    text-align: center;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    padding: 0 2px;
}

input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + …
Run Code Online (Sandbox Code Playgroud)

css checkbox internet-explorer css-selectors pseudo-element

10
推荐指数
1
解决办法
7318
查看次数