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

谷歌浏览器input自动填充内容，背景色会是黄色，想改的话：

input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;}

这种方法没有了黄色背景，但是一点击input框还是会变为黄色

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

这种点击框也不会出现黄色了

还有一种就是关闭自动填充autocomplete="off"

<form action="loginAction" method="post" autocomplete="off">
时间： 2024-10-14 02:28:09

input框自动填充内容背景颜色为黄色解决方法的相关文章

Chrome表单文本框自动填充黄色背景色样式

开发后台管理系统或 网站时,使用谷歌的Chrome浏览器访问网页中表单,文本框背景色自动填充为黄色.这个问题在网络上其实早已经是老生常谈了,今天正巧我要处理这个问 题,把之前查阅的一些资料和自己解决这个问题的方法纪录在此,一是为大家遇到此问题时提供一份资料,二是作为自己的笔记.过多的话就不多说了,下面进入正 题. 一.首先介绍一下我遇到这个问题时文本框的样式情况:  上图为Chrome浏览器为表单中的文本框自动填充黄色背景色的样子, 我自己为文本框加的,获得焦点后,周围有蓝色阴影. <input

#-webkit-autofill##google#启用表单自动填充时，如何覆盖黄色背景

#-webkit-autofill##google#启用表单自动填充时,如何覆盖黄色背景 google和opera浏览器的表单自动填充后,输入框均会变成黄色背景,黑色字体.如下图. 这样的话会与网页的整体设计风格不一致,怎样自定义样式,来覆盖黄色背景. 首先来看看是什么导致的,右键查看元素样式: input:-webkit-autofill,textarea:-webkit-autofill, select:-webkit-autofill{ rgb(250, 255, 189); backgr

excel2013如何在某一单元格满足一定条件时,该行自动填充为某种颜色

怎么样在检测到某个单元格的内容符合规则时候,将该单元格所在的行设置为设定好的单元格样式呢?效果如图检测条件为:在 A列如果检测到内容为 甲 ,那么 将所在行自动填充如果所示颜色. [解决方法,教程视频资料如下]资料来源:http://edu.51cto.com/course/15224.html 完整博客资料:http://blog.51cto.com/13172026/2292179 完整视频资料:http://edu.51cto.com/lecturer/13162026.html 原文地址

input输入框自动填充的问题

火狐浏览器打开页面,input可以自动填充历史输入值,现在想无论input类型是type='text'还是’password'都禁止自动填充,因为我写的页面在input=‘text’时先检查是否有输入值,若没有则提交按钮是灰色的不能提交的,当自动填充时,页面input框有值,但按钮还是失效状态检查不出自动填充有值,看起来体验不好,然而autocomplete='off'竟然失效,解决: <input type="text" readonly onfocus="this.

修改input框默认显示的字体颜色

修改input框默认显示的字体颜色(还可以修改字体大小) //chrome谷歌浏览器,Safari苹果浏览器 input[name="color"]::-webkit-input-placeholder { /* WebKit browsers */ color: red; font-size:15px;} //firefox火狐浏览器input[name="color"]:-moz-placeholder { /* Mozilla Firefox 4 to 18

回车提交表单input框的输入内容

代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title></ti

input输入框自动填充黄色背景解决方案

chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: input:-webkit-autofill { background-color: #FAFFBD; background-image: none; color: #000; } 之前有一种解决方案是禁用autocomplete属性 <input type="text" name=

#-webkit-autofill##google#启用表单自动填充时，如果覆盖黄色背景

google和opera浏览器的表单自动填充后,输入框均会变成黄色背景,黑色字体.如下图. 这样的话会与网页的整体设计风格不一致,怎样自定义样式,来覆盖黄色背景. 首先来看看是什么导致的,右键查看元素样式: input:-webkit-autofill,textarea:-webkit-autofill, select:-webkit-autofill{ background-color: rgb(250, 255, 189); background-image: none; color: rg

JS实现文本框自动选中内容

<form id='form_test'><input type='text' /><input type='text' /><input type='text' /><input type='text' /><input type='text' /><input type='text' /><input type='text' /></form><script>$(document).