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图片平滑连续滚动插件
Apr 27 Javascript
js 获取子节点函数 (兼容FF与IE)
Apr 18 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
Aug 27 Javascript
JavaScript函数模式详解
Nov 07 Javascript
JQuery中层次选择器用法实例详解
May 18 Javascript
Javascript编写2048小游戏
Jul 07 Javascript
js时间比较 js计算时间差的简单实现方法
Aug 26 Javascript
浅谈js使用in和hasOwnProperty获取对象属性的区别
Apr 27 Javascript
JavaScript中的return布尔值的用法和原理解析
Aug 14 Javascript
浅谈node中的cluster集群
Jun 02 Javascript
新手入门带你学习JavaScript引擎运行原理
Jun 24 Javascript
javascript实现导航栏分页效果
Jun 27 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 无法加载mcrypt.dll的解决办法
2013/04/03 PHP
PHP反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
php动态添加url查询参数的方法
2015/04/14 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
[Web]防止用户复制页面内容和另存页面的方法
2009/02/06 Javascript
基于jquery的滚动新闻列表
2010/06/19 Javascript
微信支付 JS API支付接口详解
2016/07/11 Javascript
值得分享的bootstrap table实例
2016/09/22 Javascript
jQuery实现页面顶部下拉广告
2016/12/30 Javascript
javascript验证香港身份证的格式或真实性
2017/02/07 Javascript
jquery 键盘事件的使用方法详解
2017/09/13 jQuery
JS脚本实现网页自动秒杀点击
2018/01/11 Javascript
微信小程序带动画弹窗组件使用方法详解
2018/11/27 Javascript
浅析JavaScript异步代码优化
2019/03/18 Javascript
微信小程序自定义弹窗实现详解(可通用)
2019/07/04 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
2019/09/12 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
2020/03/12 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
2020/07/28 Javascript
Python实现可自定义大小的截屏功能
2018/01/20 Python
Python复制Word内容并使用格式设字体与大小实例代码
2018/01/22 Python
Python中的pack和unpack的使用
2018/03/12 Python
Flask web开发处理POST请求实现(登录案例)
2018/07/26 Python
Python中的四种交换数值的方法解析
2019/11/18 Python
python-OpenCV 实现将数组转换成灰度图和彩图
2020/01/09 Python
python opencv实现简易画图板
2020/08/27 Python
Python中生成ndarray实例讲解
2021/02/22 Python
材料成型专业个人求职信范文
2013/09/25 职场文书
妇女干部培训方案
2014/05/12 职场文书
公司财务会计主管应聘求职信
2014/09/26 职场文书
无子女夫妻离婚协议书(4篇)
2014/10/20 职场文书
文明单位申报材料
2014/12/23 职场文书
介绍信如何写
2015/01/31 职场文书
赢在中国观后感
2015/06/02 职场文书
一文搞懂Python Sklearn库使用
2021/08/23 Python
SQL Server中锁的用法
2022/05/20 SQL Server
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android