CSS 隐藏 Internet Explorer 中的输入复选框

Question

我有以下 html 输入:

<label class="selectit">
     <input value="women_shoulder_bags" type="checkbox" id="in-women-15797">Shoulder Bags
</label>

我还有以下 CSS:

.selectit input {
     -webkit-appearance: none;
     -moz-appearance: none;
     -o-appearance: none;
}

这适用于 Safari、Chrome 和所有其他浏览器。但在 Internet Explorer 8 中，复选框仍然显示。我的问题是，如何使用 CSS 隐藏 Internet Explorer 8 中的输入复选框？

谢谢

Answer 1

要在 ie10+ 上实现此目的，您可以将 ::-ms-check 与 display:none 结合使用 https://msdn.microsoft.com/en-us/library/hh771816(v=vs.85).aspx

input::-ms-check{
    display:none
}

更新:适用于 ie8、ie9

您可以在这个答案中使用相同的技术https://stackoverflow.com/a/23777214/2253257

    input::-ms-check {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /* IE 5-7 */
        filter: alpha(opacity=0);
        /* Good browsers :) */
        opacity:0;
     }