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 规范草案中。

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

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

默认值：none

推荐文章

叛逆的斑马 · mybatis中foreach标签的用法 - CSDN文库

8 月前

力能扛鼎的盒饭 · java json对象和json字符串互转的方法_js中对象转字符串的方法-腾讯云开发者社区-腾讯云

11 月前

知识渊博的饺子 · 網頁設計新手，只懂得HTML+ASP，該如何開始？ - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 年前

怕老婆的小马驹 · python - How to get the cluster label when aplying Fuzzy C-Means clustering pyclustering? - Stack Overflow

1 年前

挂过科的韭菜 · rvm - Cannot install ruby because missing libssl1.0-dev and libssl-dev however cannot install them either - Stack Overflow

1 年前