input chrome下输入之后背景变为黄色的解决办法

摘要:
输入后背景颜色变为令人讨厌的黄色的原因是,input:-webkit autofill的输入属性添加到chrome中的输入,这表明了此问题的原因代码:input:-wenkit autofill:{background-color:yellow;etc}。有两种解决方案:第一种解决方案是在输入输入框中添加autocomplete=“off”,默认值为on

之所以Input输入之后背景原因色变为可恶的黄色,是因为在chrome 下input加上了input:-webkit-autofill这个属性,里面写的就是这个问题出现的原因 代码就是:input:-wenkit-autofill:{background-color:黄色的;etc},解决办法有两个:

第一个解决办法就是:将你的input输入框中加入autocomplete="off',这个值默认为on 当把它关掉,你就可以安心的写代码了。

解决办法二: 给你的input设置内置阴影,-webkit-box-shadow:0 0 0 1000px white inset; 并且你的内置阴影要比你的input大。这个办法在你的input背景是图片的情况下是不好用的。千万要注意 ,这就是今天遇到得到问题。

免责声明:文章转载自《input chrome下输入之后背景变为黄色的解决办法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇MyBatis/Ibatis中#和$的区别SQL-日期函数下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

JS获取当前使用的浏览器名字以及版本号

JS获取当前使用的浏览器名字以及版本号   工作中需要通过JS去获取当前使用的浏览器的名字以及版本号,网上大堆资料都有一个关键词是 navigator.appName,但是这个方法获取的浏览器的名字只有两种要么是IE要么就是Netscap,倒是可以用来判断是否使用了IE,但是我想获取具体的浏览器产品名字比如 Firefox,Chrome等。所以只好通过na...

Antd Form表单中Input输入框 在IE9下按下任何按键都会报校验失败

antd Form表单中Input输入框 在IE9下按下任何按键都会报校验失败,导致输入框输入不了任何内容! 可能你的react及react-dom版本由于过高导致antd组件不能兼容,需要对react及react-dom进行降级处理; 在这里附上我的版本号: "antd": "^2.13.14", "react": "^16.2.0","react-d...

HTML5表单之input 类型- Date Pickers(日期选择器)

HTML5 拥有多个可供选取日期和时间的新输入类型: date:选取日、月、年 month:选取月、年 week:选取周和年 time:选取时间(小时和分钟) datetime-local:选取时间、日、月、年(本地时间) datetime:选取时间、日、月、年(在有些浏览器内失效,选用datetime-local) 例1:date <input...

radio改变时触发事件

<input type="radio" value="1" checked="" name="purifyse">安装<input type="radio" value="0" name="purifyse" >未安装 //改变$(':radio').click(function(){var showFlag = $('input:...

彻底解决MacOS上应用程序快捷键冲突的问题,自定义快捷键设置

 1看图操作   上面选择好你要修改的应用程序的快捷键 ,我以Chrome为例子  最后点击下ADD 然后回到Chrome的菜单,发现刷新页的快捷键变成了F5  注意,快捷键的名字要和你Chrome菜单上的名字一模一样,大小写也严格对应,中文的没有试过,大家可以试一下...

用谷歌浏览器来当手机模拟器

很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容。谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页:谷歌Android: chrome.exe --user...