为什么IE11不支持webkit-appearance?
Why IE11 does not support webkit-appearance?
尽管 MSDN and 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 page to reflect 上的相应部分。
看起来 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 一样支持该前缀。
尽管 MSDN and 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 page to reflect
看起来 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 一样支持该前缀。