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 相关文章推荐
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
May 31 Javascript
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
May 23 Javascript
json对象转字符串如何实现
Dec 02 Javascript
兼容IE和FF的图片上传前预览js代码
May 28 Javascript
JavaScript时间操作之年月日星期级联操作
Jan 15 Javascript
JavaScript排序算法动画演示效果的实现方法
Oct 18 Javascript
Angular2表单自定义验证器的实现
Oct 19 Javascript
js中利用cookie实现记住密码功能
Aug 20 Javascript
关于Function中的bind()示例详解
Dec 02 Javascript
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
Jan 19 Javascript
jQuery实现简单的下拉菜单导航功能示例
Dec 07 jQuery
vue实现登录功能
Dec 31 Vue.js
基于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
frename PHP 灵活文件命名函数 frename
2009/09/09 PHP
10条PHP高级技巧[修正版]
2011/08/02 PHP
经典PHP加密解密函数Authcode()修复版代码
2015/04/05 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
Yii框架布局文件的动态切换操作示例
2019/11/11 PHP
zShowBox 图片放大展示jquery版 兼容性
2011/09/24 Javascript
javascript与Python快速排序实例对比
2015/08/10 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
源码分析Vue.js的监听实现教程
2017/04/23 Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
2017/05/08 jQuery
vue-cli如何添加less 以及sass
2017/07/06 Javascript
详解nuxt路由鉴权(express模板)
2018/11/21 Javascript
vue组件化中slot的基本使用方法
2019/05/01 Javascript
vue+element实现打印页面功能
2019/05/20 Javascript
webpack5 联邦模块介绍详解
2020/07/08 Javascript
微信小程序调用后台service教程详解
2020/11/06 Javascript
vue-router路由懒加载及实现的3种方式
2021/02/28 Vue.js
[05:39]2014DOTA2西雅图国际邀请赛 淘汰赛7月14日TOPPLAY
2014/07/14 DOTA
[01:11:21]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第三场 3月7日
2021/03/11 DOTA
python实现360皮肤按钮控件示例
2014/02/21 Python
用Python代码来解图片迷宫的方法整理
2015/04/02 Python
python类继承用法实例分析
2015/05/27 Python
Python3编程实现获取阿里云ECS实例及监控的方法
2017/08/18 Python
基于腾讯云服务器部署微信小程序后台服务(Python+Django)
2019/05/08 Python
Python爬虫设置ip代理过程解析
2020/07/20 Python
Python类的继承super相关原理解析
2020/10/22 Python
html5写一个BUI折叠菜单插件的实现方法
2019/09/11 HTML / CSS
玩具反斗城天猫官方旗舰店:享誉全球的玩具店
2017/10/10 全球购物
中软Java笔试题
2012/11/11 面试题
小学校园活动策划
2014/01/30 职场文书
六一儿童节主持词
2014/03/21 职场文书
解除劳动合同协议书(样本)
2014/10/02 职场文书
幼儿园感恩节活动方案2014
2014/10/11 职场文书
关于运动会的广播稿50字
2014/10/17 职场文书
2014年幼儿园教研工作总结
2014/12/04 职场文书
地陪导游欢迎词
2015/01/26 职场文书