chorme 浏览器记住密码后input黄色背景处理方法(两种)


Posted in Javascript onNovember 22, 2017

使用chrome浏览器选择记住密码的账号,输入框会自动加上黄色的背景,有些设计输入框是透明背景的,需要去除掉这个黄色的背景;

chorme 浏览器记住密码后input黄色背景处理方法(两种)

方法1:阴影覆盖

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

由于是设置颜色覆盖,所以只对非透明的纯色背景有效;

方法2:修改chrome浏览器渲染黄色背景的时间

:-webkit-autofill {
 -webkit-text-fill-color: #fff !important;
 transition: background-color 5000s ease-in-out 0s;
}

完美解决

chorme 浏览器记住密码后input黄色背景处理方法(两种)

总结

以上所述是小编给大家介绍的chorme 浏览器记住密码后input黄色背景处理方法(两种),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用js怎么把&字符换成"&amp:"
Oct 19 Javascript
最简单的js图片切换效果实现代码
Sep 24 Javascript
json的定义、标准格式及json字符串检验
May 11 Javascript
JavaScript错误处理
Feb 03 Javascript
JQuery基础语法小结
Feb 27 Javascript
bootstrap滚动监控器使用方法解析
Jan 13 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
Jul 18 jQuery
jquery鼠标悬停导航下划线滑出效果
Sep 29 jQuery
Angular2 父子组件通信方式的示例
Jan 29 Javascript
vue.js实现的幻灯片功能示例
Jan 18 Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 Javascript
分享一款超好用的JavaScript 打包压缩工具
Apr 26 Javascript
基于JavaScript实现表格滚动分页
Nov 22 #Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
Nov 22 #Javascript
Vue官方文档梳理之全局配置
Nov 22 #Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
Nov 22 #Javascript
vue在使用ECharts时的异步更新和数据加载详解
Nov 22 #Javascript
echarts学习笔记之箱线图的分析与绘制详解
Nov 22 #Javascript
解析Vue2 dist 目录下各个文件的区别
Nov 22 #Javascript
You might like
探讨PHP删除文件夹的三种方法
2013/06/09 PHP
PHP多个文件上传到服务器实例
2014/10/29 PHP
php实现的RSS生成类实例
2015/04/23 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
JS 创建对象(常见的几种方法)
2008/11/03 Javascript
jQuery入门问答 整理的几个常见的初学者问题
2010/02/22 Javascript
jQuery 前的按键判断代码
2010/03/19 Javascript
jcarousellite.js 基于Jquery的图片无缝滚动插件
2010/12/30 Javascript
javascript 使用 NodeList需要注意的问题
2013/03/04 Javascript
第五章之BootStrap 栅格系统
2016/04/25 Javascript
深入理解js中this的用法
2016/05/28 Javascript
新手学习前端之js模仿淘宝主页网站
2016/10/31 Javascript
微信小程序实现图片自适应(支持多图)
2017/01/25 Javascript
jQuery实现的表格前端排序功能示例
2017/09/18 jQuery
vue在使用ECharts时的异步更新和数据加载详解
2017/11/22 Javascript
通过js动态创建标签,并设置属性方法
2018/02/24 Javascript
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
jQuery实现每日秒杀商品倒计时功能
2019/09/06 jQuery
基于jquery ajax的多文件上传进度条过程解析
2019/09/11 jQuery
如何在面试中手写出javascript节流和防抖函数
2020/10/22 Javascript
python调用机器喇叭发出蜂鸣声(Beep)的方法
2015/03/23 Python
Python安装模块的常见问题及解决方法
2018/02/05 Python
PyQt5每天必学之事件与信号
2018/04/20 Python
python的scikit-learn将特征转成one-hot特征的方法
2018/07/10 Python
python 将对象设置为可迭代的两种实现方法
2019/01/21 Python
Python判断变量名是否合法的方法示例
2019/01/28 Python
Python提取特定时间段内数据的方法实例
2019/04/01 Python
新奇的小玩意:IWOOT
2016/07/21 全球购物
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
函授毕业生的自我鉴定
2013/11/26 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
酒店前台接待岗位职责
2015/04/02 职场文书
消防验收申请报告
2015/05/15 职场文书
运动会跳远广播稿
2015/08/19 职场文书
mysql聚集索引、辅助索引、覆盖索引、联合索引的使用
2022/02/12 MySQL
电脑只能进入安全模式无法正常启动的解决办法
2022/04/08 数码科技