当前位置:首页 > 日记 > 正文

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

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

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

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

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

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

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

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

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

这样输入框就变成了

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

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

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

相关文章

photoshop 圆形图标按钮

photoshop 圆形图标按钮

图标,电脑软件,按钮,按钮图标,photoshop,最终效果图1、先画一个圆形,分别做出高亮部分和阴暗部分,我用的是:移动选区—羽化—Ctrl+M的方法。 2、画出一个椭圆,稍微羽化一下,涂成白色,做为明亮的边缘线。 3、画个较小的圆,填上较深的颜色…

基于jQuery实现数字滚动效果

基于jQuery实现数字滚动效果

滚动效果,数字,电脑软件,jQuery,滚动方向:上下源代码下载以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!…

js es6系列教程 - 新的类语法实战

js es6系列教程 - 新的类语法实战

实战,教程,选项卡,语法,详解,其实es6的面向对象很多原理和机制还是ES5的,只不过把语法改成类似php和java老牌后端语言中的面向对象语法.一、用es6封装一个基本的类class Person{ constructor( uName ){ this.userName = uName; } s…

详谈Ajax请求中的async:false/true

详谈Ajax请求中的async:false/true

请求,外部调用,作用,电脑软件,async,test.html<a href="javascript:void(0)" rel="external nofollow" onmouseover="testAsync()">asy.jsfunction testAsync(){ var temp; $.ajax({ async: false, //同步请求 type : "GET…

Javascript实现base64的加密解密方

Javascript实现base64的加密解密方

方法,加密解密,示例,电脑软件,Javascript,这几天使用PHP向前端传值的时候,遇到一个问题,要将代码传过去赋值。如果使用urlencode()和urldecode()函数,就会出现js无法解码的情况,因为php和js的相关函数算法不一致。于是准备使用通用的base64加密…

如何在word中竖向排列文字word中竖

如何在word中竖向排列文字word中竖

文字,竖向,排列,步骤,如何在,  或许,你去新华书店或者图书馆曾经看到过这样的书籍,文字是自上而下,自左向右或自右向左的,这种样式的版面是我们国家古代出版的书籍版式,那么下面就由小编给大家分享下在word中竖向排列文字的技巧,希望能帮助到您…

让你彻底掌握es6 Promise的八段代

让你彻底掌握es6 Promise的八段代

让你,代码,电脑软件,Promise,前言新的ES6中引入了promise的概念,目的是让回调更为优雅。层层嵌套的回调会让javascript失去美感和可读性,同时javascript也推荐采用链式的方式去书写函数调用。于是Promise就应运而生。本文将通过八段代码让大…

怎么在word中对齐自选图像在word中

怎么在word中对齐自选图像在word中

对齐,图像,步骤,方法,图形,  在word中,有时需要插入图形,当有多个图像时,手动对齐比较麻烦。下面小编教你怎样在word中对齐自选图像。word对齐图形的步骤打开需要对齐的文档,如图:word对齐图形的步骤图1  按住【ctrl】键依次选中需要对齐的…

Word中2010版进行设置文本框样式和

Word中2010版进行设置文本框样式和

设置,文本框,操作技巧,样式,颜色,  如何在Word2010中设置文本框样式和颜色。去除文本框的外边框。以及更改外边框的颜色和样式。今天,小编就教大家在Word中2010版进行设置文本框样式和颜色的操作技巧。Word中2010版进行设置文本框样式和颜…

jQuery实现文章弹出放大效果

jQuery实现文章弹出放大效果

弹出,效果,文章,电脑软件,jQuery,首先先搭写一个基本的格式:$.fn.popImg = function() { //your code goes here}然后用自调用匿名函数包裹你的代码,将系统变量以变量形式传递到插件内部,如下:;(function($,window,document,undefined){ $.fn…

cdr怎么给制作玻璃砖效果?

cdr怎么给制作玻璃砖效果?

效果,电脑软件,cdr,CorelDRAW中想要给图片制作玻璃砖效果,cdr中自带了这个这个效果,该怎么制作呢?下面我们就来看看详细的教程。软件名称:CorelDRAW X5 中文正式版 v15.2.0.661 附详细安装教程软件大小:496MB更新时间:2016-05-161、打开CorelDRAW…

JS字符串按逗号和回车分隔的方法

JS字符串按逗号和回车分隔的方法

方法,字符串,逗号,电脑软件,JS,split函数可以传入一个正则表达式作为分隔的字符串。function foo(str){ var temp = str.split(/[\n,]/g); for(var i =0;i<temp.length;i++){ if(temp[i] == ""){ temp.splice(i, 1); /…