有三种办法去除
1、关闭浏览器自带填充表单功能
<!-- 对整个表单的设置 -->
<form autocomplete="off">
<!-- 单独对某个组件设置 -->
<input type="text" autocomplete="off">
2、通过纯色的阴影覆盖底色
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px rgb(246, 246, 246) inset;
-webkit-text-fill-color: #333;
}3、通过设置input样式动画
<!-- 99999s 基本上就是一个无限长的时间
通过延长增加自动填充背景色的方式, 是用户感受不到样式的变化
-->
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition-delay: 99999s;
-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
网友回复
我知道答案，我要回答
私活外包
最新提问
js如何在浏览器中将一段音频生成带频谱和自定义图片的有声视频？
ai大模型微调为啥说被Agentic 上下文工程（ACE）技术替代了？
如何把ESP+继电器将自家的插座改造成手机远程开关控制？
安卓手机如何虚拟运行windows10及linux操作系统？
python如何利用ai自动在千牛监听和回复用户消息促成用户下单购买？
ai如何自动监听和回复咸鱼的消息？
如何解决three的三维场景CSS3DObject中iframe穿透一切问题呢？
有没有哪个ai人工智能动态生成鲜活带表情肢体动作逼真数字人与人类交流视频聊天？
threejs如何将iframe与video作为立方体模型一面的材质可点击交互？
UEFI与Legacy启动有啥不同？
