html - 为什么IE11不支持webkit-appearance?

标签 html css internet-explorer webkit-appearance

尽管MSDNMDN声明 IE11 似乎根本不支持 webkit-appearance。尝试将 -webkit-appearance 设置为任何声称支持的值时(nonebuttontextfield)对任何元素都不会影响元素。

例如,这段代码可以在除 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/

相关文章:

javascript - 如何使用 jquery 将表单输入字段转换为嵌套 json 结构

javascript - AngularJS Controller 等待响应(或设置回调)

javascript - 使用 html 和 javascript 滚动页面

javascript - 尝试从输入中获取文件在 IE8 中返回对象错误

javascript - 当在纯图像网址上运行时,书签无法在 ie 中固定位置

html - Chrome (windows) 不隐藏滚动条

html - 无法将 div 置于另一个 Bootstrap 之上

jquery - 如果有子菜单,导航菜单应该向左移动

css - 背景混合模式不适用于移动设备

css - Div css 背景图像未显示 100% 高度