屏蔽、去掉、修改谷歌浏览器input输入框背景透明色input:-internal-autofill-previewed和input:-internal-autofill-selected

最新推荐文章于 2024-06-16 22:37:36 发布
原创 最新推荐文章于 2024-06-16 22:37:36 发布 · 560 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript

本文介绍如何使用CSS代码改变谷歌浏览器在选中输入项历史记录时，输入框的默认背景颜色，以实现屏蔽或定制浏览器样式。

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

input背景透明色，谷歌浏览器在默认选中输入项的历史记录后，默认浏览器样式背景变浅蓝色

/* 屏蔽chrome浏览器默认项输入框背景色 */
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    transition: background-color 999999999s !important;
}

记一个chrome自带input:-internal-autofill-selected背景色样式问题
蛐蛐的博客
07-07 3526
1.问题 chaome自带的user agent sheetstyle对input被自动填充后，有一个背景色设置： input:-internal-autofill-selected { appearance: menulist-button; background-color: rgb(232, 240, 254) !important; background-image: none !important; color: -internal-light-dar..
去除input自动填充时的背景色
xxitcef的博客
06-23 6385
我想应该做过登录的页面的同学都遇到过这样的问题,input的自动填充功能会带有背景色，这样会影响美观，如下图 要想去掉这个背景色有两种方法： 1.给input设置属性autocomplete=“off”，意为关闭自动填充，不记录之前输入过的值。完全可以解决背景色的问题，但是没有自动填充功能体验相对来说不是很友好 2.通过css样式： <style lang="less"> input:-webkit-autofill { box-shadow:0 0 0 1000px white
input 在 chrome 下 ， 自动填充后，会有一个默认样式，如何清除这个默认样式？
xiao_yu_liu的博客
09-06 1万+
input 在 chrome 下，当 input 自动填充后， 会有一个默认的样式 ，如下： input:-internal-autofill-selected { background-color: rgb(232, 240, 254) !important; background-image: none !important; color: rgb(0, 0, 0)...
谷歌浏览器input输入框背景透明色 input:-internal-autofill-selected
weixin_42498594的博客
06-16 1715
但在实现过程中发现input 框有默认值时总是有个背景去不掉， 发现是浏览器默认样式 input:-internal-autofill-selected 导致的。问题描述中的 "input:-internal-autofill-selected" 是一个CSS伪类选择器，主要用于处理Web浏览器自动填充表单输入时的样式问题。然而，这个选择器并不是所有浏览器都支持，因为它是非标准的，并且不是所有浏览器都公开了这样的伪类。例如，Chrome浏览器就使用了类似的机制，但是没有公开类似的伪类。
input设置背景透明
黄彪博客
09-07 1万+
文章摘抄 http://blog.sina.com.cn/s/blog_45cfbac80100ngkd.html http://www.w3school.com.cn/cssref/pr_background-color.asp        定义和用法 background-color 属性设置元素的背景颜色。   元素背景的范围 background-colo
解决chrome浏览器中input背景透明问题
09-25
本文给大家分享的是chrome浏览器中hack解决input:-webkit-autofill自定义样式的方法，就是如何在chrome浏览器中将input的背景设置成透明，方法非常简单，这里推荐给大家。
user agent stylesheet 设置的这个 css 样式，没有办法覆盖吗 input:-internal-autofill-selected 它加了！!important
最新发布
12-13
input:-internal-autofill-selected:autofill { background-color: #fff !important; /* 其他样式 */ } ``` 3. **使用JavaScript动态修改样式**： 通过JavaScript在页面加载后动态修改样式： ```javascript ...
完美解决谷歌浏览器自动填充问题
01-21
然后试着设置css input:-webkit-autofill设置背景色为透明和设置相应的字体颜色，依然不尽人意2。 然后按照网上提供的一个办法，额外添加一个伪造的input元素，初始可见，然后文档加载完毕，再通过setTimeout把伪造...
Auto Clicker - AutoFill-3.4.30.zip
12-27
名称：Auto Clicker - AutoFill -------------------- 版本：3.4.30 作者：https://getautoclicker.com/ 分类：生产工具 -------------------- 概述：自动填充输入字段或自动点击按钮或链接任何地方。您可以配置和...
谷歌浏览器中input输入框默认填充时的背景色设置
灰太狼-铜豌豆的博客
11-02 1014
【代码】谷歌浏览器中input输入框默认填充时的背景色设置。
el-input背景设置为透明色 elementUi Plus
weixin_42678822的博客
04-22 3289
【代码】el-input背景设置为透明色 elementUi Plus。
input框背景设置透明
qq_36880129的博客
11-25 6014
input框背景设置透明 background:rgba(255,255,255,0.15) 设置opacity会将整个元素透明，包含input里面的内容显示
chrome浏览器中自带input样式input:-internal-autofill-selected（修改input背景色）
热门推荐
lys20000913的博客
02-27 1万+
实现思路1：如果不是想设置为透明色 可直接使用box-shadow input:-webkit-autofill{ -webkit-box-shadow:0 0 0 1000px white inset !important; } 实现思路2：关闭自动填充功能 ( 也可实现 不推荐 ) <input type="text" autocomplete="off"> 实现思路3：通...
如何去除input框在复制内容时自动填充的背景颜色
tianxianghuiwei的博客
05-29 590
今天在项目开放时遇到了一个问题在输入复制内容时会有一个自带的背景颜色无法去除；
input 选自动填充，去除浏览器自动填充后样式
Teemo_shape的博客
05-12 1204
自动填充后，本来黑色的背景色变白，字体变黑。 input:-webkit-autofill { -webkit-text-fill-color: #fff; // 设置填充不变色 transition: background-color 50000s ease-in-out 0s; } input:-internal-autofill-previewed, input:-internal-autofill-selected { -webkit-text-fi...
谷歌去掉input黄色背景，并设置透明背景
sinat_39648402的博客
07-05 3752
//去掉黄色背景色input:-webkit-autofill {    transition:background-color 5000s ease-in-out 0s;}//为input设置透明色input{    background-color:rgba(255,255,255,0.6);}
去掉chorme浏览器自动补全时input框的背景样式
haoyanyu_的博客
11-22 1090
input开启自动补全后，选择内容后input框背景颜色变成了淡蓝色，手动填写的input背景不会变化，如下图：
谷歌浏览器 input框/element input框自动填充 背景色如何修改
mao0523的博客
03-22 2877
谷歌浏览器 input框/element input框自动填充 背景色如何修改
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

嫣嫣细语

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值