CSS

::-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,则在检查按钮时会发生什么情况。

ScreenshotLive sample

规范

不是任何规格的一部分。Microsoft 在MSDN上有一个描述,列出了可以在这个伪元素上设置的各种属性。

浏览器兼容性

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic supportNo supportNo support10.0No supportNo support

FeatureAndroidChrome for AndroidFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileiOS WebKit
Basic supportNo supportNo supportNo supportNo support?No supportNo support