首页> 实战笔录 >前端开发 >CSS CSS
css覆盖input默认的背景颜色和字体颜色
作者：小萝卜 2024-04-17 【 CSS2 】 浏览 75
简介HTML输入框input标签自动填充背景色可以通过CSS的autofill伪类修改取消，自动填充字体颜色则可以通过CSS的text-fill-color属性设置
HTML输入框input标签自动填充背景色可以通过CSS的autofill伪类修改取消，自动填充字体颜色则可以通过CSS的text-fill-color属性设置
以谷歌浏览器chrome为例：
input:-webkit-autofill {
transition: background-color 5000s ease-in-out 0s;
}
另外，CSS还支持变更自动填充input输入框在自动填充后的字体颜色，设置方式如下：
input {
-webkit-text-fill-color: #0c3ce9; //颜色是设置成你需要的颜色
}
设置输入框自动填充的延迟属性：
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: color 99999s ease-out, background-color 99999s ease-out;
transition-delay: 99999s;
}
很赞哦！ (0)
下一篇：css获取某个元素下的所有元素
