Question

尽管MSDN和MDN语句，IE11似乎根本不支持webkit-appearance。尝试将-webkit-appearance设置为声明支持的任何值（none，button，textfield）时，它不会影响元素。

例如，此代码可以在IE以外的任何浏览器中使用：

＆＃13;

input[type="checkbox"] {
  width: 16px;
  height: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: red;
}

input[type="checkbox"]:checked {
  background-color: green;
}

＆＃13;

<input type="checkbox" />

＆＃13;

如果有帮助，我正在运行Windows 10 Pro x64。

更新

在MDN页面上修改了相应的部分以反映BoltClock's answer。

Answer 1

看起来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 Mobile那样的前缀。

为什么IE11不支持webkit外观？

更新

1 个答案: