老铁们，大家好，相信还有很多朋友对于谷歌浏览器网页自动填充和谷歌浏览器网页的相关问题不太懂，没关系，今天就由我来为大家分享分享谷歌浏览器网页自动填充以及谷歌浏览器网页的问题，文章篇幅可能偏长，希望可以帮助到大家，下面一起来看看吧！

本文目录

1. 谷歌浏览器表单自动填充时如何去除自动添加的默认样式
2. Chrome浏览器无法自动填充表单
3. 解决Google浏览器保存密码自动填充
4. 怎么在电脑版Google Chrome中设置不再使用自动填充功能
5. 怎么设置谷歌浏览器自动填充密码功能
6. 怎么清除电脑版Chrome中自动填充的表单数据
7. 如何设置谷歌浏览器自动填充功能

一、谷歌浏览器表单自动填充时如何去除自动添加的默认样式

一、发现该问题的原因-是在写账号登录页面时，input表单添加了背景图片，当自动填充，搓搓的一坨淡黄色背景出来。

这个原因是我草率的直接设置在input元素里面，结果问题就来了。所以如果把这个图标放在input表单外面，就不会出现这个问题。

二、表单自动填充会添加浏览器默认样式怎么处理和避免

第二张图，就是表单自动填充后，chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{

background-color: rgb(250, 255, 189);/*#FAFFBD;*/

看到这里添加上这段代码，我会想到使用样式覆盖的方法解决。我完全可以使用!important去提升优先级。但是有个问题，加!important不能覆盖原有的背景、字体颜色，除了chrome默认定义background-color,background-images,color不能使用

!important提升优先级，其他属性均可使用它来提升优先级。

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{

/*-webkit-text-fill-color: red;//这个私有属性是有效的*/

思路有两个，1、通过打补丁，修复bug。2、关闭浏览器自带填充表单功能

情景一：input文本框是纯色背景的

-webkit-box-shadow: 0 0 0px 1000px white inset;

情景二：input文本框是使用图片背景的

if(navigator.userAgent.toLowerCase().indexOf("chrome")= 0)

var _interval= window.setInterval(function(){

var autofills=$('input:-webkit-autofill');

window.clearInterval(_interval);//停止轮询

var clone=$(this).clone(true, true);

$(this).after(clone).remove();

先判断是否是chrome，如果是，则遍历input:-webkit-autofill元素，再通过取值，附加，移除等操作来实现。这个方法没效果!!

所以最后我是不使用图标作为input表单的背景图片，而是多写一个标签，把图标拿到表单外面来。

思路二：关闭浏览器自带填充表单功能

设置表单属性 autocomplete="off/on"关闭自动填充表单，自己实现记住密码

form autocomplete="off" method=".." action=".."

input type="text" name="textboxname" autocomplete="off"

如图：未自动填充前，此时这个邮箱的小图标是inpu表单的背景图片

如图：填充后，邮箱小图标被浏览器默认样式覆盖掉

如果不想多去处理chrome浏览器下表单自动填充出现的添加默认样式，那就把这个小小的图标放到表单外面吧，我这个因为是input框

只有border-bottom，如果这个input框有边框，那么可能需要使用一个div的边框的来假装成input框的边框，然后input框弄成是没有边框的。

二、Chrome浏览器无法自动填充表单

1、还有一些不被信任的网站也是不能自动填充的，谷歌是这么说的：

2、某些网站可能会试图捕获隐藏字段或难以发现的字段中的信息，因此，请勿在您不信任的网站上使用自动填充功能。某些网站会阻止浏览器保存您输入的内容，因此，“Google Chrome浏览器”无法在这些网站上填写表单。

三、解决Google浏览器保存密码自动填充

1、    以Chrome为例，当浏览器遇到type="text"与type="password"的<input/>标签紧邻时，会触发浏览器自动填充行为。默认为黄色背景。firefox和360浏览器的处理方式是：只要检测到页面里有满足填充机制的，不管是不是display：none的，只要检测到就直接往里填充。

2、 input标签的autocomplete属性设置为off，这个在其他浏览器可以生效，但是google不生效

四、怎么在电脑版Google Chrome中设置不再使用自动填充功能

电脑版Google Chrome软件被很多人使用，用来浏览网页，查询资料等，有的用户在使用该软件时，想要关闭自动填充搜索字词和网址功能，但是却不知道如何关闭，那么小编就来为大家介绍一下吧。

1.第一步，点击桌面左下角的开始图标，接着打开Google Chrome软件。

2.第二步，来到下图所示的Chrome页面后，点击右上角竖着的三个点图标，接着点击弹出窗口中的设置选项。

3.第三步，在下图所示的设置页面中，点击箭头所指的高级选项。

4.第四步，我们可以看到如下图所示的隐私设置和安全性页面，点击同步功能和Google服务选项。

5.第五步，来到下图所示的其他Google服务页面后，关闭自动填充搜索字词和网址右边的开关。

6.第六步，在下图所示的页面中，成功设置不再使用自动填充功能了。

五、怎么设置谷歌浏览器自动填充密码功能

现在很多人喜欢在电脑上使用谷歌浏览器上网，有些用户不知道怎么设置自动填充密码功能，接下来小编就给大家介绍一下具体的操作步骤。

1.首先第一步打开电脑中的谷歌浏览器，根据下图箭头所指，点击右上角【...】选项。

2.第二步在弹出的菜单栏中，根据下图所示，点击【设置】选项。

3.第三步打开【设置】窗口后，根据下图所示，点击【自动填充】选项。

4.第四步在右侧页面中，根据下图箭头所指，找到并点击【密码】选项。

5.第五步进入【密码】页面后，根据下图箭头所指，可以按照需求选择是否开启【提示保存密码】功能。

6.第六步根据下图箭头所指，可以按照需求选择是否开启【自动登录】功能。

7.第七步如果想要查看已保存的密码，根据下图箭头所指，点击相关网站后的【...】选项。

8.最后在【详细信息】窗口中，根据下图箭头所指，点击【密码】选项后的【眼睛】图标，接着输入开机密码进行验证即可查看密码。

六、怎么清除电脑版Chrome中自动填充的表单数据

电脑版Chrome软件被很多人使用，用来浏览网页，查询资料等，有的用户在使用该软件时，想要清除自动填充的表单数据，但是却不知道如何清除，那么小编就来为大家介绍一下吧。

1.第一步，双击或者右击打开Google Chrome软件。

2.第二步，来到浏览器软件主页面后，点击右上角的“三”图标，接着点击弹出窗口中的设置选项。

3.第三步，在下图所示的设置页面中，点击页面左侧的隐私设置和安全性选项。

4.第四步，我们可以看到如下图所示的隐私设置和安全性页面，点击清除浏览记录选项。

5.第五步，来到下图所示的清除浏览数据页面后，点击页面顶部的高级选项，接着勾选自动填充的表单数据左边的复选框。

6.第六步，完成选择后，点击右下角的清除数据选项。

七、如何设置谷歌浏览器自动填充功能

现在很多人在电脑上用谷歌浏览器访问网页，有些用户为了保护隐私，想知道如何设置自动填充功能，接下来小编就给大家介绍一下具体的操作步骤。

1.首先第一步打开电脑中的【谷歌浏览器】，进入软件后根据下图箭头所指，点击右上角【...】选项。

2.第二步在弹出的菜单栏中，根据下图箭头所指，点击【设置】选项。

3.第三步进入【设置】页面后，根据下图所示，按照需求选择【密码、付款方式、地址和其他信息】选项。

4.第四步进入【密码】页面后，根据下图箭头所指，按照需求开启或关闭【自动登录】选项。

5.第五步进入【付款方式】页面后，根据下图箭头所指，按照需求开启或关闭【保存并填写付款方式】选项。

6.最后在【地址和其他信息】页面中，根据下图箭头所指，按照需求开启或关闭【保存并填写地址】选项。

文章分享结束，谷歌浏览器网页自动填充和谷歌浏览器网页的答案你都知道了吗？欢迎再次光临本站哦！