浏览器自动填充表单导致网页样式丢失

从后台做到前端,悲剧啊。将别人做好的css集成到我的jsp网页里面,出现了一个奇怪现象。

对方提供给我的是html文件,打开之后样式显示都正常。我再把里面的代码复制到我的jsp页面,奇怪的现象就出现了。这是一个登陆页面,包括用户名输入框和密码输入框。将网页部署到Web服务器上,通过浏览器打开发现这两个输入框的样式丢了。只有将两个输入框的name属性设为相同的名字才能正常显示样式。

通过chrome的插件查看发现有对应的样式,但是在浏览器显示的时候这些样式就失效了,被webkit自带的样式给代替了。而在其他机子上用相同版本的浏览器打开却没问题。最后一个熟悉web开发的同事帮忙找到了原因,是由于我之前在本机上测试的时候在浏览器保存了这个登陆页面的用户名密码,在打开这个页面的时候chrome自动填充用户名密码,同时用webkit默认样式替代网页样式,就是一个黄色背景的输入框,以提示用户这是自动填充的表单内容。把chrome保存的这个网页的用户名密码清掉就可以了。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值