首页> 实战笔录 >前端开发 >CSS CSS
css覆盖input默认的背景颜色和字体颜色
作者:小萝卜 2024-04-17 【 CSS2 】 浏览 79
简介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获取某个元素下的所有元素