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-dark(black, white) !important;
}

这个只会在选择了自动填充表单值后会出现，手动输入不会出现此样式

2.解决

直接覆盖背景色行不通，虽然F12看到背景色被覆盖了，实际上无效果

只能使用阴影来覆盖

input { box-shadow: inset 0 0 0 1000px white !important;
}

inset：这是一个内部阴影
x、y、blur都是0
阴影尺寸为1000，保证完全覆盖input

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

取消chrome浏览器下input和textarea的默认样式
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所 ...
记一个vue v-if引起的图片加载导致样式跳动问题
1.简介 <img class="validate-icon validate-icon-footer" v-if="xxx" src="/in ...
快速制作一个chrome插件
说在前面在我日常开发以及娱乐生活中,浏览器是我使用频率较高的一个应用,当我大学拥有第一部电脑开始,之后不论电脑换成什么,以及使用的是什么系统,我的首选浏览器都是Chrome,不仅仅是因为其速度快,更 ...
移动端踩坑记---------ios下输入法遮挡input
移动端踩坑记---ios下输入法遮挡input 最近项目中遇到了一个比较严重移动端IOS下的Fixed兼容问题,网上也有很多人躺在这个问题上了,现在开始详细讨论一下这个问题. 现在我们先来看一 ...
设计和实现一个 Chrome 插件提升登录效率
大家好,我是若川.最近组织了源码共读活动,感兴趣的可以点此加我微信ruochuan12 进群参与,每周大家一起学习200行左右的源码,共同进步.已进行4个月了,很多小伙伴表示收获颇丰. 前言在我们的 ...
开发一个 Chrome 浏览器插件，拢共分几步？
市面上浏览器有很多,比如 IE.Edge.火狐.Safari 等,但市场占有率第一的永远只有一个 -- Chrome. 之所以如此,很大一部分原因是 Chrome 丰富的插件库.我们在使用浏览器时,免 ...
Verilog实现一个8位带进位全加器
项目简介: 用Verilog语言实现一个8位带进位全加器.顶层采用结构描述的方法用8个1位全加器来实现一个8位带进位全加器,底层的1位全加器采用行为描述的方法来实现. 代码实现: /*-------- ...
记一个转行程序员的工作经历与感想（一）
前言随着科技的发展,现代人生活的节奏是越来越快,个人觉得程序员的生活节奏更快(个人观点),在忙碌的生活中总是很难找到一点点的空闲时间(就算有,估计也是用来睡眠,不知道为什么总是感觉程序员是一种睡眠不 ...
[置顶] 记一个应届生的求职旅途
记一个应届生的求职旅途见有些同学发状态说大学期间要1.过四级2.拿到会计证,然后说了句毕业找工作去联通电信..我就纳闷了,有没有点常识,1.过四级是大学生的最低标准,很多企业单位根本跟英语没半毛钱关 ...

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

1.问题

2.解决

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

最新文章

热门文章