css中使用“-webkit-appearance: none;”去除系统默认appearance的样式引发的问题

解决网站bug时，发现一个棘手的问题：<input type="checkbox">的复选框选中了没有打钩，经排查，是由于css中“-webkit-appearance: none;”导致的，改成“-webkit-appearance: checkbox”后恢复正常。查询资料：总结如下

1.-webkit-appearance的说明：

改变按钮和其他控件的外观，使其类似于原生控件。

-webkit-appearance 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。

此属性非标准且渲染效果在不同浏览器下不同，有些属性值甚至不支持，请慎用。

2.语法：

-webkit-appearance：none | button | button-bevel ....

默认值：none