在Windows 8 Metro中，是否可以设置单选按钮的选中状态？

Question

我用

成功设计了Metro中单选按钮的标准外观

input[type=radio]::-ms-check { 
    border: none; 
    background: transparent url('myImage.png');
}

和

的活动状态

input[type=radio]::-ms-check:active { 
    border: none; 
    background: transparent url('myActiveImage.png');
}

但我不能为我的生活弄清楚如何设置检查状态的样式。明显的选择不起作用：

input[type=radio]::-ms-check:checked {}
input[type=radio]:checked {}

这在Metro中甚至可能吗？

更新：

input[type=radio]:checked::-ms-check {
    background: red;
}

...用于更改背景颜色，但不会删除无线电点。如果我想在后台使用我自己的图像，这就是我需要做的。可以删除点吗？

Answer 1

问题是您没有为::-ms-check使用正确数量的冒号。它是一个伪元素，所以它有两个冒号。 （与伪选择器相对，后者有一个。）

您也可以向后退货。您需要指定要使用::-ms-check单选按钮的:checked伪元素，而不是获取::-ms-check伪元素，然后尝试设置{{1}样式它的版本。

因此，以下内容应该有效：

:checked

现场演示（用于在IE10中观看）：http://codepen.io/anon/pen/zAwyp