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 学习笔记 选择器之五
Jul 23 Javascript
JScript 脚本实现文件下载 一般用于下载木马
Oct 29 Javascript
javascript中的undefined和not defined区别示例介绍
Feb 26 Javascript
js实现从数组里随机获取元素
Jan 12 Javascript
详解JavaScript中的事件流和事件处理程序
May 20 Javascript
JavaScript函数中的this四种绑定形式
Aug 15 Javascript
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
原生js调用json方法总结
Feb 22 Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
Apr 27 Javascript
vue-cli 如何打包上线的方法示例
May 08 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
May 29 Javascript
viewer.js实现图片预览功能
Jun 24 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页面执行时间,数据库读写次数,函数调用次数等(THINKphp)
2013/06/03 PHP
PHP实现获取第一个中文首字母并进行排序的方法
2017/05/09 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
PHP中in_array的隐式转换的解决方法
2018/03/06 PHP
php伪静态验证码不显示的解决方案
2019/09/26 PHP
PHP中的输出echo、print、printf、sprintf、print_r和var_dump的示例代码
2020/12/01 PHP
新页面打开实际尺寸的图片
2006/08/25 Javascript
js处理json以及字符串的比较等常用操作
2013/09/08 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
2013/12/13 Javascript
ECMAScript6块级作用域及新变量声明(let)
2015/06/12 Javascript
js实现搜索框关键字智能匹配代码
2020/03/26 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
2016/09/04 Javascript
nodejs中sleep功能实现暂停几秒的方法
2017/07/12 NodeJs
JS中常用的消息框总结
2018/02/24 Javascript
react router4+redux实现路由权限控制的方法
2018/05/03 Javascript
vue使用自定义icon图标的方法
2018/05/14 Javascript
element-ui 限制日期选择的方法(datepicker)
2018/05/16 Javascript
微信小程序如何使用云开发
2019/05/17 Javascript
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
Vue切换div显示隐藏,多选,单选代码解析
2020/07/14 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
2020/08/27 Javascript
[01:03:38]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS CIS
2014/05/22 DOTA
[00:36]TI7不朽珍藏III——斯温不朽展示
2017/07/15 DOTA
[36:20]KG vs SECRET 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Django内容增加富文本功能的实例
2017/10/17 Python
python实现TF-IDF算法解析
2018/01/02 Python
用python求一重积分和二重积分的例子
2019/12/06 Python
浅谈Python中文件夹和python package包的区别
2020/06/01 Python
CSS3字体效果的设置方法小结
2016/06/13 HTML / CSS
NARS化妆品官方商店:美国彩妆品牌
2017/08/26 全球购物
有趣、实用和鼓舞人心的产品:Inspire Uplift
2019/11/05 全球购物
论文指导教师评语
2014/04/28 职场文书
公司承诺书怎么写
2014/05/24 职场文书
珍惜时间的诗歌赏析
2019/08/23 职场文书
javascript Number 与 Math对象的介绍
2021/11/17 Javascript
SpringCloud中分析讲解Feign组件添加请求头有哪些坑梳理
2022/06/21 Java/Android