::-ms-check
非标准
这个功能是非标准的,不在标准轨道上。不要在面向Web的生产站点上使用它:它不适用于每个用户。实现之间也可能存在大的不兼容性,并且行为在未来可能会改变。
::-ms-checkCSS伪元素表示的复选标记<input>的type="checkbox"或type="radio"。
这个伪元素是非标准的,并且只在Internet Explorer和Edge中受到支持,如供应商前缀(-ms
对于Microsoft)所示。
语法
selector::-ms-check
实例
HTML
<form>
<label for="redButton">Red</label>
<input type="radio" id="redButton"><br>
<label for="greenCheckbox">Green</label>
<input type="checkbox" id="greenCheckbox">
</form>
CSS
input, label {
display: inline;
}
input[type=radio]::-ms-check {
color: red; /* This will make the circle red when the button is checked. */
}
input[type=checkbox]::-ms-check {
color: green; /* This will make the checkmark green when the button is checked. */
}
结果
以下是您要尝试的示例。左侧的屏幕截图显示如果您无法访问Internet Explorer或Edge,则在检查按钮时会发生什么情况。
Screenshot | Live sample |
---|---|
| |
规范
不是任何规格的一部分。Microsoft 在MSDN上有一个描述,列出了可以在这个伪元素上设置的各种属性。
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | No support | No support | 10.0 | No support | No support |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | iOS WebKit |
---|---|---|---|---|---|---|---|
Basic support | No support | No support | No support | No support | ? | No support | No support |