浏览器自动填充表单导致网页样式丢失原因有哪些

这篇文章给大家分享的是有关浏览器自动填充表单导致网页样式丢失原因有哪些的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

成都创新互联公司专注于企业全网营销推广、网站重做改版、金溪网站定制设计、自适应品牌网站建设、H5网站设计、商城网站制作、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为金溪等各大城市提供网站开发制作服务。

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

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

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

感谢各位的阅读！关于“浏览器自动填充表单导致网页样式丢失原因有哪些”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！