如何删除WebKit的香蕉黄色自动填充背景

最新推荐文章于 2023-03-21 16:50:46 发布

原创最新推荐文章于 2023-03-21 16:50:46 发布 · 5.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#safari #html5

html5 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用CSS为输入框自定义阴影效果的方法，通过设置不同的阴影属性来增强用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

input:-webkit-autofill {    -webkit-box-shadow: inset 0 0 0px 9999px white;}input:focus,input:-webkit-autofill:focus {    -webkit-box-shadow: inset 0 0 0px 9999px white,                        0 0 8px rgba(102, 175, 233, 0.6);}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_14936009

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

如何修改 chrome 记住密码后自动填充表单的黄色背景？

liuhao9999的博客

03-23

661

chrome表单自动填充后，input文本框的背景会变成黄色的，通过审查元素可以看到这是由于chrome会默认给自动填充的in put表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式： { background-color:rgb(250,255,189)!important; background-image:none!important; color:rgb(0,0,0)!important; } 对chrome默认定义的background-color，backg

史上最全网址导航大全，让世上没有找不到的好东西

lzcsdn233的博客

01-04

28万+

收录的导航网址大全好用和常用的网址几乎都在里面,个人喜欢往浏览器书签收藏夹里塞喜欢的干货和网站，以至于收藏夹里有着几千条网址，所以比较喜欢导航，但是浏览器原生自带的导航又太low,所以一般自己设置打开浏览器时即开的导航页便于工作和学习. 辛苦收集整理，喜欢给个赞哦???? 常用导航名地址今日热榜 https://tophub.today 龙轩导航 http://ilxdh.c...

参与评论您还未登录，请先登录后发表或查看评论

chrome表单自动填充去掉input黄色背景解决方案 input:-webkit-autofill 禁用

weixin_30735745的博客

08-30

333

在使用chrome浏览器设计网页时，想将input背景改成透明，也就是 background-color:transparent; 可是效果并不如人意 hack方法：【测试可以使用】 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ ...

input chrome浏览器自动填充黄色背景问题

Rings_G的博客

01-15

484

chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式： input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: rgb(250, 255, 189); /* #FAFFBD; */

banana PI 香蕉派网站上线,

weixin_33881140的博客

05-28

8万+

2019独角兽企业重金招聘Python工程师标准>>> ...

欢迎访问我们的网站 http://www.sw51.com

sw51com的专栏

08-19

17万+

欢迎访问我们的网站 http://www.sw51.com

banana pi 香蕉派资源站点

Banana PI 香蕉派的专栏

09-10

1万+

banana pi 香蕉派开源硬件项目资源站点

chrome表单自动填充导致input文本框背景变成偏黄色问题解决

09-25

在使用谷歌浏览器（Chrome）时，用户可能会遇到一个常见的视觉问题，即当表单启用自动填充功能后，`input` 文本框的背景颜色会变为一种偏黄色（#FAFFBD）。这个问题是由于 Chrome 浏览器为了区分自动填充的信息，会...

chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式

01-19

一、发现该问题的原因-是在写账号登录页面时，input表单添加了背景图片，当自动填充，搓搓的一坨淡黄色背景出来。这个原因是我草率的直接设置在input元素里面，结果问题就来了。所以如果把这个图标放在input表单...

banana pi 官方论坛正式上线

Banana PI 香蕉派的专栏

03-27

1万+

www.banana-pi.org　香蕉派开源硬件的官方网站，正式上线。我们会全力完善

免费高清！N个无/少版权限制的大图特供网站

qianduan666a的博客

07-21

32万+

免费高清！N个无/少版权限制的大图特供网站 http://jaymantri.com/ http://nos.twnsnd.co/ http://www.freeimages.co.uk/ http://www.superfamous.com/ https://www.flickr.com/explore/ http://500px.com/ http://www.gratisography.com/ http://picjumbo.com/ http://www.lifeofpix.co

没有人能拒绝这个网站，没有人！

程序员吴师兄的博客

11-05

4340

公众号关注“GitTick”设为 “星标”，带你挖掘更多神器！废话不多说，直接贴网站（爱达杂货铺）：https://adzhp.cn/严格来说，爱达杂货铺应该算是一个资源导航网站，估计...

最新的100个微信小程序-极乐Store

APPx应用魔方

06-13

20万+

1、团队日历通过日历管理团队协同任务。在团队内指派、抄送和公开任务事项，通过邮件或短信推送消息。到极乐小程序商店中搜索『团队日历』使用2、同程旅游同程小程序是一款无需下载安装，只需扫描二维码即可实现产品订购和增值服务的应用，目前开放了火车票、飞机票、汽车票、酒店、景点等多个产品入口，并已全部完成小程序的搭建。… 到极乐小程序商店中搜索『同程旅游』使用3、一键接龙目前大家常用的微信

久久的萦绕在脑海

09-10

5万+

帘幕垂，草烟低，画桥流水，一水蒹葭的守候，携手梦的渡口，一世相逢，一世离愁，伊人纤尘不染在月色中独自起舞，今夜梦魂何处，最是摇曳，梦里寂寥的身影。——依依花飞飞，柳依依，小草静静地生出一片新绿，青苔的石阶，佛前的影子，一道道远离尘世的门扉。你的婉约依旧迷离，终是解不开愁绪的结，你依然微澜不惊，独品着脉脉的滋味，远远地看着你，与情海里跋山涉水，长了翅膀的思绪，都刻着你的浓情，于等待和守侯里做

隐藏safari浏览器在输入框右侧出现的小图标

guxuehua的博客

03-21

503

隐藏safari浏览器在输入框右侧出现的小图标

因提供18禁动漫，毒害未成年人，国内最大动漫网站被重罚

04-06

124万+

作为二次元动漫迷们必备的在线观看漫画工具，那么“动漫之家”肯定是每个人必入坑之一，毕竟它的上线时间也是于2005年的时候。最早一批的动漫网站，很早二次元喜欢的人，就在里面进行打卡分享番在这网站里的，也有业余大佬汉化组为网站发电提供内容！主要吧之前市场的管理制度不算严格，所有漫画没有按照进行审核删减，都是各种类型的漫画因有尽有，然而随后人们版权意识提高，所以各种盗版以及内容是否符合核心价值观也是人们所聊到的话题！网上能依稀看到2013年央视点名批评进击巨人，除了点名批评外，在2015年6月8日。

input框自动填充内容背景颜色为黄色解决方法

风的专栏

07-28

2万+

谷歌浏览器input自动填充内容，背景色会是黄色，想改的话： HTML 代码 1input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;}这种方法没有了黄色背景，但是一点击input框还是会变为黄色HTML 代码1 input:-webkit-autofill {

Chrome浏览器自动填充的表单如何去掉淡黄色背景？？？

fb_01的专栏

12-08

4857

原因：表单自动填充元素在chrome下会有一个默认样式

Input框自动填充背景色

05-30

如果你想要实现input框的自动填充背景色效果，可以使用CSS中的:-webkit-autofill伪类。这个伪类是Webkit内核浏览器（如Chrome、Safari）所支持的，可以针对自动填充的input框进行样式设置。例如，将自动填充的背景色设为黄色可以这样写： ``` input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px yellow inset !important; } ``` 这里的!important是必须的，因为自动填充的样式是由浏览器默认设置的，需要使用!important来覆盖默认样式。你也可以将颜色值替换为其他颜色，具体取决于你想要的效果。