易语言做网站登陆,肇庆专业网站建设公司,wordpress异步加载文章,企业qq登录浏览器自动填充表单内容#xff0c;会自动设置背景色。对于一般的用户#xff0c;也许不会觉得有什么#xff0c;但对于要求比较严格的用户#xff0c;就会“指手画脚”。这里#xff0c;我们通过css属性来设置浏览器填充背景的过渡时间#xff0c;使用户看不到过渡后的背…浏览器自动填充表单内容会自动设置背景色。对于一般的用户也许不会觉得有什么但对于要求比较严格的用户就会“指手画脚”。这里我们通过css属性来设置浏览器填充背景的过渡时间使用户看不到过渡后的背景达到“清新”的感觉。 通常浏览器自动填充表单的表现形式如下 而我们想要的效果如下 通过css设置即可实现上述效果
:deep(.el-input) {input {height: 38px;:-webkit-autofill, :-internal-autofill-selected {transition-delay: 5000s;transition: color 5000s ease-out, background-color 5000s ease-out;-webkit-transition-delay: 5000s;-webkit-transition: color 5000s ease-out, background-color 5000s ease-out;}}
}通过设置input框的过渡使input框自动填充的过渡效果在5000s后发生这样表面上用户就看不到浏览器设置的背景了。 当然上面也只是实现的一种方法记得还有一种方法是用div去模拟input输入框但是实现起来需要花点心思。而上面这种方式简单粗暴果断采取了。