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

rhoda rhoda     2023-01-30     462

关键词:

    现象:谷歌浏览器下input框有默认记住功能,此时若选择了历史输入的内容,则变成如下图;非历史输入,是没有的。

技术分享图片

   方法一

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

此法仅适用纯色背景;

   方法二

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
-webkit-transition-delay: 99999s;
-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;















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

】在谷歌浏览器中使黄色自动完成透明[重复]【英文标题】:MakeyellowautocompletetransparentinGoogleChrome[duplicate]【发布时间】:2015-03-2802:31:53【问题描述】:这是文本区域这是被点击的文本区域,里面有文字当谷歌浏览器的自动完成劫... 查看详情

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

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

在谷歌浏览器中调试时如何终止脚本执行?

】在谷歌浏览器中调试时如何终止脚本执行?【英文标题】:HowtoterminatescriptexecutionwhendebugginginGoogleChrome?【发布时间】:2012-10-1912:58:15【问题描述】:在GoogleChrome调试器中单步执行JavaScript代码时,如果我不想继续,如何终止脚... 查看详情

在谷歌浏览器中如何测试js代码

点击谷歌浏览器右上角三个点点击更多工具点击开发者工具或者在浏览器页面空白处右击鼠标,点击检查上面两种方法都会显示以下信息:Elements:看到页面元素的样式等信息Console:终端的输出信息,在这个... 查看详情

kendoui下的datepicker在谷歌浏览器上不能正常显示时间的解决方法

@(Html.Kendo().DatePickerFor(m=>m.BillDate))解决方法:加上type="text"就能正常显示了。@(Html.Kendo().DatePickerFor(m=>m.BillDate).HtmlAttributes(new{type="text"})) 原解决方法出处:https://www.telerik.com/forums/da 查看详情

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

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

input下拉列表选中后背景变黄色(代码片段)

对于谷歌浏览器input输入框,下拉列表选中之后,input背景色变黄,这是什么鬼,经查看,原来是这个在搞鬼,解决方案:input:-webkit-autofill-webkit-box-shadow:000px1000px#fffinset; 查看详情

page-break-* 在谷歌浏览器上不起作用

】page-break-*在谷歌浏览器上不起作用【英文标题】:page-break-*doesn\'tworkonGooglechrome【发布时间】:2012-12-2712:16:56【问题描述】:我只是喜欢将.wp_left_col下的divsdiv放在单独的页面中。这是我的CSS代码。.wpi_left_col>divpage-break-after:al... 查看详情

在谷歌浏览器中播放 avi 视频

】在谷歌浏览器中播放avi视频【英文标题】:Playavivideosingooglechrome【发布时间】:2017-03-2207:32:17【问题描述】:如何在chrome中播放avi视频?我的代码是<center><videocontrols><sourcesrc="plaque.avi"type="video/avi"></source></v... 查看详情

如何在谷歌浏览器中禁用站点隔离?

】如何在谷歌浏览器中禁用站点隔离?【英文标题】:HowtodisableSiteIsolationinGoogleChrome?【发布时间】:2018-07-1307:57:42【问题描述】:Chrome67在Windows、Mac、Linux和Chrome操作系统上启用了SiteIsolation,这会增加10-13%的内存使用量,并给We... 查看详情

如何在谷歌浏览器中一步删除所有断点?

】如何在谷歌浏览器中一步删除所有断点?【英文标题】:HowtoremoveallbreakpointsinonestepinGoogleChrome?【发布时间】:2011-06-2115:47:28【问题描述】:使用版本11。[更新]现在有一个featurerequest。[更新]featurerequest已关闭(2011年12月)!【... 查看详情

如何在谷歌浏览器中设置兼容性视图

...在谷歌商店或者网上搜索下载谷歌插件IETab,然后打开谷歌浏览器,点击右上角地址栏后面的三条设置按钮。2、在下拉列表中选择“设置”。3、选择“扩展程序”选项。4、将下载好的文件夹中的IETab插件直接拖入谷歌浏览器中。5... 查看详情

解决谷歌input自动填充问题(代码片段)

在谷歌浏览器中,有时input标签会自动填充数据,如用户名密码等。。。初始在网上查询如果是type=text input标签添加autocomplete="off"如果是type=passwordinput标签添加autocomplete="new-password"碰到的问题:目前我有一个input标签是单独使... 查看详情

websocket的客户端端口号如何在谷歌浏览器中获取

】websocket的客户端端口号如何在谷歌浏览器中获取【英文标题】:HowclientportnumberofwebsocketgetinGoogleChrome【发布时间】:2020-07-2911:40:38【问题描述】:在javascript中创建一个websocketconnect使用newWebSocket("ws://localhost:8080/ws")然后使用一个... 查看详情

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

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

在谷歌浏览器中动态查看pdf文件(代码片段)

if(/.pdf/g.test($(this).text()))letlink=document.createElement("a");link.style.display="none";link.setAttribute("target","_blank")link.href=src;document.body.appendChild(link);link.click(); 查看详情

解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题

  如果我们把一个表单设置位autofocus,这时这个表单在获取焦点后就会产生淡黄色的背景,我们就是使用!important的方法也无法去除。 解决方法一:取消设置input表单的autofocus属性 解决方法二:对于没有背景图片的元素... 查看详情

使用vscode在谷歌上运行代码

通过安装openinbrowser插件解决  修改默认浏览器   文件---首选项---设置---输入open-in-browser.default  搞定 有可能你的vs版本不一样  查看详情