在谷歌浏览器中使黄色自动完成透明[重复]

     2023-03-05     75

关键词:

【中文标题】在谷歌浏览器中使黄色自动完成透明[重复]【英文标题】:Make yellow autocomplete transparent in Google Chrome [duplicate] 【发布时间】:2015-03-28 02:31:53 【问题描述】:

这是文本区域

这是被点击的文本区域,里面有文字

当谷歌浏览器的自动完成劫持文本区域时

我已经尝试通过输入此代码来修复它

input:-webkit-autofill 
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;

但我能做到的最好的就是这个

我希望白色框是透明的,或者它可以保持白色但更小,这样它就不会阻挡文本框的任何蓝色部分。这可能吗?我试过用谷歌搜索,但我什么也没想到。或者,如果你们对如何解决这个问题有任何其他想法,那就太好了!

另外,如果有一种方法可以使自动完成框稍微小一点,那也可以,或者可能是一种向下移动标签的方法? =/

我想开启自动完成功能。

【问题讨论】:

你试过backgound-color:rgba(0,0,0,0) 来自动完成吗? 能提供sn-p的代码吗? @j_s_stack OP 当然。 background:transparent; @imtheman 我不确定你想要什么代码 sn-p? 【参考方案1】:

请试试这个:

input:-webkit-autofill 
    -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);

rgba第四个参数是不透明度。

【讨论】:

转到默认的黄色自动完成【参考方案2】:

试试这个:background-color: #fff !important;

http://labs.enonic.com/articles/remove-forced-yellow-input-background-in-chrome

Removing input background colour for Chrome autocomplete?

你确定我找到了这个:Google Chrome form autofill and its yellow background

【讨论】:

输入:-webkit-autofill 背景颜色:#fff !important; 什么都不做。 您确定选择器正确吗? 你确定我找到了这个吗:***.com/questions/2920306/… ***.com/questions/2781549/… labs.enonic.com/articles/…【参考方案3】:

也可以试试:

input:-webkit-autofill 
   background:rgba(255,255,255,0) !important;

【讨论】:

如何去除input框在谷歌浏览器下的黄色底纹(代码片段)

  现象:谷歌浏览器下input框有默认记住功能,此时若选择了历史输入的内容,则变成如下图;非历史输入,是没有的。  方法一input:-webkit-autofill-webkit-box-shadow:000px1000pxwhiteinset;此法仅适用纯色背景;  方法... 查看详情

AngularJS - 在谷歌自动完成中限制国家

】AngularJS-在谷歌自动完成中限制国家【英文标题】:AngularJS-RestrictCountryinGoogleAutoComplete【发布时间】:2015-10-2310:52:27【问题描述】:我在我的ionic/angularjs应用程序中使用插件“ion-google-places”并且我想要限制建议(我只想要建议... 查看详情

在自动完成表单上将输入背景更改为透明

...completeform【发布时间】:2015-06-1707:26:38【问题描述】:当浏览器自动完成我的表单时,我想将背景颜色设置为对我的输入透明,目前看起来像添加的图像,有人知道如何实现吗?我试过了,但它设置为白色,边框是默认黄色的样... 查看详情

如何使 XMLHttpRequest 在谷歌浏览器上通过 HTTPS 工作?

】如何使XMLHttpRequest在谷歌浏览器上通过HTTPS工作?【英文标题】:HowtomakeXMLHttpRequestworkoverHTTPSongooglechrome?【发布时间】:2013-01-1411:00:20【问题描述】:我对此进行了很多研究,但找不到魔法。其实我想填充城市密码的列表。使... 查看详情

在谷歌应用引擎的 laravel 过山车 cms 中使特定文件夹可写

】在谷歌应用引擎的laravel过山车cms中使特定文件夹可写【英文标题】:Makespecificfolderswriteableinlaravelcoastercmsingoogleappengine【发布时间】:2019-02-0705:22:18【问题描述】:目前我正在使用带有laravel自定义cms过山车cms的谷歌应用引擎。... 查看详情

当页面自动刷新但在谷歌浏览器中没有时,语音在 Firefox 中被切断

】当页面自动刷新但在谷歌浏览器中没有时,语音在Firefox中被切断【英文标题】:Speechgetscutoffinfirefoxwhenpageisauto-refreshedbutnotingooglechrome【发布时间】:2019-06-1702:54:03【问题描述】:我有这个问题,在Firefox中,如果页面自动刷新... 查看详情

谷歌浏览器的input自动填充出现黄色背景解决方案(在已经输入内容之后)

...色背景, 这个填充功能本身是没什么问题的,但是谷歌浏览器给了个莫名其妙的黄色背景,用css样式重置它也没卵用,貌似是谷歌的底层样式就下面这段。。。 使用方法:一,因为这玩意出现只有在之前有输入记录的情况下... 查看详情

在android中使按钮半透明[重复]

】在android中使按钮半透明[重复]【英文标题】:Makingabuttonsemi-transparentinandroid[duplicate]【发布时间】:2011-09-1101:53:09【问题描述】:可能重复:HowtoSetOpacity(Alpha)forViewinAndroid我想问两个问题:1)我想让我的main.xml中的按钮,即第一... 查看详情

去掉谷歌input记住账号或密码时默认出现的黄色背景

在谷歌浏览器会默认记住账号,而记住账号之后其input的背景会变成黄色,解决的办法如下:方法一:直接用css的内阴影来覆盖黄色,代码如下:input:-webkit-autofill{-webkit-box-shadow:000px1000pxwhiteinset;}方法二:input文本框使用图片背景... 查看详情

谷歌地图自动完成动态数组

...但4小时后,我仍在努力让动态文本输入自动完成。并且在谷歌上找不到任何类似答案的东西。这是我目前所拥有的:Javascript:func 查看详情

谷歌将自动完成功能放在反应组件中

...【问题描述】:我正在尝试构建一个谷歌地图组件,并且在谷歌地图APIv3上一切正常,但在自动完成功能上却不行。这是我正在使用的代码:谷歌地图组件importReact,Componentfrom\'react\';importReactDOMfrom\' 查看详情

如何在谷歌地图上一一加载标记动画[重复]

】如何在谷歌地图上一一加载标记动画[重复]【英文标题】:Howtoloadmarkeranimationonebyoneongooglemap[duplicate]【发布时间】:2019-11-1100:59:54【问题描述】:我有一些带有ajax的代码,用于地图上的谷歌标记。它的工作正常。现在我想要一... 查看详情

如何在谷歌协议缓冲区中根据需要定义重复字段?

】如何在谷歌协议缓冲区中根据需要定义重复字段?【英文标题】:howtodefinerepeatedfieldasrequiredingoogleprotocolbuffer?【发布时间】:2015-07-0206:00:31【问题描述】:如何根据Google协议缓冲区的要求定义重复字段?我有一个修饰符重复的... 查看详情

谷歌在谷歌浏览器中阻止了网站/域

】谷歌在谷歌浏览器中阻止了网站/域【英文标题】:Website/domainbeingblockedbygoogleinGoogleChrome【发布时间】:2018-10-1518:33:50【问题描述】:几天以来,我们在一个名为“id-validation.us”的域中遇到了问题。谷歌在从谷歌浏览器浏览时... 查看详情

谷歌浏览器 jQuery 动画在谷歌浏览器中滞后

】谷歌浏览器jQuery动画在谷歌浏览器中滞后【英文标题】:GoogleChromejQueryAnimationlaginGoogleChrome【发布时间】:2012-01-2107:48:05【问题描述】:我需要使用jQuery平滑地移动对象。我正在使用.animate()方法。我正在为它的position属性设置... 查看详情

biee11_biee图形报表在谷歌浏览器64.0.3282.140中访问图例乱码解决

如上图,使用谷歌浏览器访问BIEE图形报表的时候,标题、图例等涉及到中文的地方全部乱码了!但是用IE打开是不会乱码的,这是由于:谷歌需要设置编码格式但是55版本以后,谷歌公司为了加快浏览器的速度,提高用户体验,... 查看详情

从json获取坐标并在谷歌地图(Android)上搜索[重复]

】从json获取坐标并在谷歌地图(Android)上搜索[重复]【英文标题】:TakeCoordinatesfromjsonandsearchonGooglemap(Android)[duplicate]【发布时间】:2018-03-0210:25:57【问题描述】:我正在Android上开发一个地图应用程序,用于寻找最佳道路。问题... 查看详情

在谷歌浏览器中禁用位置栏

】在谷歌浏览器中禁用位置栏【英文标题】:DisablelocationbarinGoogleChrome【发布时间】:2012-11-3006:43:07【问题描述】:我在jQuery中使用window.open进行点击事件。问题是我想禁用位置栏,它在Safari中有效,但在Chrome中无效。我在某处... 查看详情