Chrome 使用 ::-ms-check 忽略 css 规则

Question

input[type="checkbox"], input[type="checkbox"]::-ms-check {
    border: none;
    border-radius: 9px;
}

Chrome 将完全忽略此规则。当我删除 input[type="checkbox"]::-ms-check 时，它可以正常工作。除了为 Chrome 和 IE 创建两个单独的规则之外，还有其他解决方法吗？

Answer 1

不要使用 ::-ms-check 而是使用所有浏览器都支持的 :checked

检查您是否使用此语法： https://developer.mozilla.org/en-US/docs/Web/CSS/:checked

我在 chrome 和 IE11 中运行此示例，它们都可以正常工作。