多语言展示
当前在线:1691今日阅读:155今日分享:35

消除input输入框记忆功能导致背景变成黄色

在PC端某些输入框输入内容时(移动端调试时会有,手机实际操作输入时没有),输入框会自动记忆之前输入过的内容,方便以后输入快捷,但是在选中之前输入过的内容时,输入框的背景就变成黄色的了,影响页面美观和客户体验
工具/原料
1

编辑器随意

2

电脑

3

浏览器

方法/步骤
1

正常情况是这样的,在输入之前的输入过的内容时,input记忆功能会识别出来,结果input的背景就变‘黄’了

2

只要给input样式添加内阴影为白色就可以了,box-shadow: 0 0 20px 10px #fff inset;自己可以根据个浏览器添加前缀。这个方法有个弊端,就是如果input背景是图片的话,会显示不出来,因为内阴影挡住了

推荐信息