首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

::-ms-check

::-ms-check

非标准

这个功能是非标准的,不在标准轨道上。不要在面向Web的生产站点上使用它:它不适用于每个用户。实现之间也可能存在大的不兼容性,并且行为在未来可能会改变。

::-ms-checkCSS伪元素表示的复选标记<input>type="checkbox"type="radio"

这个伪元素是非标准的,并且只在Internet Explorer和Edge中受到支持,如供应商前缀(-ms对于Microsoft)所示。

语法

代码语言:javascript
复制
selector::-ms-check

实例

HTML

代码语言:javascript
复制
<form>
  <label for="redButton">Red</label>
  <input type="radio" id="redButton"><br>
  <label for="greenCheckbox">Green</label>
  <input type="checkbox" id="greenCheckbox">
</form>

CSS

代码语言:javascript
复制
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

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com