• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > JS中解决谷歌浏览器记住密码输入框颜色改变功能

JS中解决谷歌浏览器记住密码输入框颜色改变功能

作者:路人桑 字体:[增加 减小] 来源:互联网 时间:2017-05-11

路人桑通过本文主要向大家介绍了谷歌浏览器调试js,谷歌浏览器怎么调试js,谷歌浏览器禁用js,谷歌浏览器如何调试js,js判断谷歌浏览器等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

谷歌浏览器记住密码输入框颜色会改变,并且字体颜色会变成黑色,如图

输入框原来的样式是这样的

然而记住密码后,输入框颜色就变成了黄色,并且字体变成了黑色

这是由于谷歌浏览器的自带样式的缘故:

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
   background-color: rgb(250, 255, 189);
   background-image: none;
   color: rgb(0, 0, 0);
}
</div>

如果我们想记住密码后仍然想要以前的颜色,可以用 设置input内阴影 的方式把黄色覆盖掉,css代码:

input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 400px #E8ECED inset;
}
</div>

这样输入框就变成了

然而字体仍然是黑色的,如果想改变字体,则

input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 400px #E8ECED inset;
  -webkit-text-fill-color: #666666;//设置字体颜色
}
</div>

以上所述是小编给大家介绍的JS中解决谷歌浏览器记住密码输入框颜色改变功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • JS中解决谷歌浏览器记住密码输入框颜色改变功能

相关文章

  • 2017-05-11js实现手机发送验证码功能
  • 2017-05-11微信小程序 ES6Promise.all批量上传文件实现代码
  • 2017-05-11bootstrap中添加额外的图标实例代码
  • 2017-05-11javascript作用域链与执行环境详解
  • 2017-05-11js事件冒泡与事件捕获详解
  • 2017-09-04JS 设计模式--策略模式
  • 2017-05-11利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
  • 2017-05-11老生常谈jquery id选择器和class选择器的区别
  • 2017-05-11Nodejs实现短信验证码功能
  • 2017-05-11vue2.0使用Sortable.js实现的拖拽功能示例

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • canvas绘制环形进度条
    • BootStrap便签页的简单应用
    • 微信小程序--onShareAppMessage分享参数用处(页面分享)
    • 3分钟掌握常用的JS操作JSON方法总结
    • Angularjs 依赖压缩及自定义过滤器写法
    • vue.js中指令Directives详解
    • Vue.js 2.0 移动端拍照压缩图片预览及上传实例
    • Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
    • 微信小程序实战之上拉(分页加载)效果(2)
    • 详解闭包解决jQuery中AJAX的外部变量问题

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有