时间戳

首页 > 解决方案 > Chrome 83：更改新表单样式的颜色

css - Chrome 83：更改新表单样式的颜色

问题描述

随着新的 Chrome 更新， Chrome 显示改进的默认表单样式。根据帖子，我想说应该可以更改此表单主题以匹配网站的颜色集。

我们追求美丽、网状和中性。我们希望每个设计系统都能在新设计中看到自己的一面，并轻松想象它们如何适应自己的品牌。

在过去的几个小时里，我一直在搜索并试图摆脱与我网站的其他部分形成鲜明对比的默认蓝色。除了使用 '-webkit-appearance: none;' 并自己重新设计复选框之类的东西我不确定是否可能。

是否有人也遇到此问题或有我缺少的解决方案或文档？

标签： cssformsgoogle-chromecheckbox

解决方案

我首选的解决方案只使用 css。它针对 Safari 和 Chrome，但无论如何它已经是灰度的，所以没关系。

input[type='checkbox']:checked {-webkit-filter: grayscale(100%);} input[type='radio']:checked {-webkit-filter: grayscale(100%);}

推荐阅读