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

标签 css forms google-chrome checkbox

Chrome使用new Chrome update显示改进的默认表单样式。
根据该帖子,我会说应该可以更改此表单主题以匹配网站的颜色集。

We were going for beautiful, webby, and neutral. We hope that every design system would see a bit of themselves in the new designs and easily imagine how they might be adapted for their own branding.



我花了最后几个小时来搜索并尝试摆脱默认的蓝色,该蓝色与我的网站的其余部分形成了非常糟糕的对比。除了使用“-webkit-appearance:无;”并自己重新格式化复选框等内容,我不确定是否有可能。

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

最佳答案

我的首选解决方案仅使用CSS。它以Safari和Chrome为目标,但是无论如何它已经是灰度的,所以没关系。
input[type='checkbox']:checked {-webkit-filter: grayscale(100%);} input[type='radio']:checked {-webkit-filter: grayscale(100%);}

关于css - Chrome 83:更改新表单样式的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62057910/

相关文章:

javascript - 如何在 Javascript 中使用鼠标锁定?

html - 在不增加宽度的情况下增加文本的高度

javascript - 使用 angular.js 中的输入从指令调用 Controller

django - ModelChoiceField 表单字段上的自定义标签

javascript - 在弹出窗口中提交表单

javascript - 如何使用关键字搜索抓取 youtube 视频链接

javascript - 从数据库中检索数据时,AJAX 代码与 JSON 和 PHP 不相关

html - CSS 中两个 div 容器的交替换行符

whitespace - 内联 block 后的奇怪空间。不介于

REST Api - 创建资源重定向