尽管MSDN和 MDN声明 IE11 似乎根本不支持 webkit-appearance
。尝试将 -webkit-appearance
设置为任何声称支持的值时(none
、button
、textfield
)对任何元素都不会影响元素。
例如,这段代码可以在除 IE 之外的任何浏览器中运行:
input[type="checkbox"] {
width: 16px;
height: 16px;
-webkit-appearance: none;
-moz-appearance: none;
background-color: red;
}
input[type="checkbox"]:checked {
background-color: green;
}
<input type="checkbox" />
如果有帮助,我正在运行 Windows 10 Pro x64。
更新
编辑了 MDN 上的相应部分页面反射(reflect)BoltClock's answer .
最佳答案
看起来 MSDN 和扩展 MDN 对此并不完全清楚。
桌面上的 IE11 不支持任何形式的 appearance
。但 IE11 Mobile 可以。事实上,only IE11 Mobile ships with support for the -webkit-
prefix .需要明确的是,桌面版没有。
MSDN 上的各个页面并未声明此支持仅适用于 Windows Phone 8.1,因此误以为它也适用于桌面上的 IE11。
不过,Microsoft Edge 的桌面版和移动版都支持前缀,就像 IE11 移动版一样。
关于html - 为什么IE11不支持webkit-appearance?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44844851/