checkbox不显示，试试去掉-webkit-appearance这个样式

目前在项目中发现一个大坑，搞的我找了好久不知道因为什么，自用的reset.css中加入了 -webkit-appearance: none;其他所有表单没有出现问题，但checkbox会不显示，值改为checkbox或去掉该样式之后问题解决，不知道是否为浏览器更新之后出现的bug，因为以前并没有出现过类似问题。

chrome 68.0.3440.106（正式版本）

 

 

说明：

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

• -webkit-appearance 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。
• 此属性非标准且渲染效果在不同浏览器下不同，有些属性值甚至不支持，请慎用。

语法：

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

默认值：none

取值：

-webkit-appearance取值	代码效果	介绍	Chrome	Safari	iOS Safari	Android Browser
none		去除系统默认appearance的样式,常用于IOS下移除原生样式	支持	支持	支持	支持
button		渲染成button的风格	支持	支持	支持	支持
button-bevel		渲染成but