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

最新推荐文章于 2025-02-20 14:54:45 发布

原创最新推荐文章于 2025-02-20 14:54:45 发布 · 631 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

javascript 同时被 3 个专栏收录

82 篇文章

订阅专栏

微信小程序

79 篇文章

订阅专栏

前端

77 篇文章

订阅专栏

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

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

嫣嫣细语

关注关注

3
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

记一个chrome自带input:-internal-autofill-selected背景色样式问题

蛐蛐的博客

07-07

3719

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输入框样式

yuzheh521的博客

08-02

9247

首先要将input输入框的默认样式去掉 -web-kit-appearance:none; -moz-appearance: none; 然后将input输入框的轮廓去掉： outline:0; 完成样式 input[type="text"],#btn1,#btn2{ box-sizing: border-box; text-align:center; font-size:1.4em; height:2.7em; border-radius:4px; border

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

解决chrome浏览器中input背景透明问题

09-25

本文给大家分享的是chrome浏览器中hack解决input:-webkit-autofill自定义样式的方法，就是如何在chrome浏览器中将input的背景设置成透明，方法非常简单，这里推荐给大家。

vue 登陆界面更改el-input背景颜色，用户名密码采用自动填充后颜色发生变化

Aa12364567的博客

12-30

1651

vue 登陆界面更改el-input背景颜色，用户名密码采用自动填充后颜色发生变化。

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)...

完美解决谷歌浏览器自动填充问题

01-21

然后试着设置css input:-webkit-autofill设置背景色为透明和设置相应的字体颜色，依然不尽人意2。然后按照网上提供的一个办法，额外添加一个伪造的input元素，初始可见，然后文档加载完毕，再通过setTimeout把伪造...

user agent stylesheet 设置的这个 css 样式，没有办法覆盖吗 input:-internal-autofill-selected 它加了！!important

12-13

input:-internal-autofill-selected:autofill { background-color: #fff !important; /* 其他样式 */ } ``` 3. **使用JavaScript动态修改样式**：通过JavaScript在页面加载后动态修改样式： ```javascript ...

Auto Clicker - AutoFill-3.4.30.zip

12-27

名称：Auto Clicker - AutoFill -------------------- 版本：3.4.30 作者：https://getautoclicker.com/ 分类：生产工具 -------------------- 概述：自动填充输入字段或自动点击按钮或链接任何地方。您可以配置和...

谷歌浏览器input输入框背景透明色 input:-internal-autofill-selected

weixin_42498594的博客

06-16

1954

但在实现过程中发现input 框有默认值时总是有个背景去不掉，发现是浏览器默认样式 input:-internal-autofill-selected 导致的。问题描述中的 "input:-internal-autofill-selected" 是一个CSS伪类选择器，主要用于处理Web浏览器自动填充表单输入时的样式问题。然而，这个选择器并不是所有浏览器都支持，因为它是非标准的，并且不是所有浏览器都公开了这样的伪类。例如，Chrome浏览器就使用了类似的机制，但是没有公开类似的伪类。

去除input自动填充时的背景色

xxitcef的博客

06-23

6515

我想应该做过登录的页面的同学都遇到过这样的问题,input的自动填充功能会带有背景色，这样会影响美观，如下图要想去掉这个背景色有两种方法： 1.给input设置属性autocomplete=“off”，意为关闭自动填充，不记录之前输入过的值。完全可以解决背景色的问题，但是没有自动填充功能体验相对来说不是很友好 2.通过css样式： <style lang="less"> input:-webkit-autofill { box-shadow:0 0 0 1000px white

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

谷歌浏览器中input输入框默认填充时的背景色设置

灰太狼-铜豌豆的博客

11-02

1109

【代码】谷歌浏览器中input输入框默认填充时的背景色设置。

原生input修改input:-internal-autofill-selected自动填入携带的背景色