如何改变input标签的背景颜色 color-scheme你用过吗

83 阅读1分钟

正常使用过程中,input框往往是白色背景的,如下图

截屏2024-05-20 06.53.34.png

但是今天在开发的过程中,背景变黑色了

查了MDN,对于input标签,并没有提供相关的api来让我们修改backgroud-color

我在元素审查中尝试修改color、backgroud-color都不行

最终我把所有的父级的css属性一个个去掉

最终找到一个color-scheme这个属性,我们来看MDN

截屏2024-05-20 06.58.52.png

设置为dark的时候,背景就变了

原来是被另一个组件设置的 color-scheme: dark 所干扰了

这个属性一次没用过,css知识+1