Shulou(Shulou.com)06/03 Report--

This article is to share with you about the reasons for the loss of web page styles caused by browser auto-filling forms. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

It's a tragedy to go from backstage to front end. A strange phenomenon occurred when I integrated the css made by others into my jsp page.

The other party provided me with a html file, and the style was displayed normally after opening it. I copied the code into my jsp page, and something strange happened. This is a login page, including user name input box and password input box. Deploy the web page to the Web server and open it through the browser to find that the styles of the two input boxes are missing. The style can be displayed properly only if the name property of the two input boxes is set to the same name.

It is found that there are corresponding styles through the plug-in of chrome, but these styles become invalid when displayed in the browser and are replaced by the styles that come with webkit. It is no problem to open it with the same version of the browser on other computers. Finally, a colleague who is familiar with web development helped to find the reason, because I saved the user name and password of this login page in the browser when I was testing on this computer. When I opened this page, chrome automatically filled in the user name password and replaced the web page style with webkit default style, which is a yellow background input box to remind the user that this is the automatically filled form content. Just clear the user name and password of this page saved by chrome.

Thank you for reading! This is the end of the article on "what are the reasons for the loss of web page style caused by browser automatic filling forms". I hope the above content can be of some help to you, so that you can learn more knowledge. If you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.