這篇文章給大家分享的是有關(guān)瀏覽器自動填充表單導(dǎo)致網(wǎng)頁樣式丟失原因有哪些的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、金溪網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5網(wǎng)站設(shè)計、商城網(wǎng)站制作、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為金溪等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

從后臺做到前端，悲劇啊。將別人做好的css集成到我的jsp網(wǎng)頁里面，出現(xiàn)了一個奇怪現(xiàn)象。

對方提供給我的是html文件，打開之后樣式顯示都正常。我再把里面的代碼復(fù)制到我的jsp頁面，奇怪的現(xiàn)象就出現(xiàn)了。這是一個登陸頁面，包括用戶名輸入框和密碼輸入框。將網(wǎng)頁部署到Web服務(wù)器上，通過瀏覽器打開發(fā)現(xiàn)這兩個輸入框的樣式丟了。只有將兩個輸入框的name屬性設(shè)為相同的名字才能正常顯示樣式。

通過chrome的插件查看發(fā)現(xiàn)有對應(yīng)的樣式，但是在瀏覽器顯示的時候這些樣式就失效了，被webkit自帶的樣式給代替了。而在其他機子上用相同版本的瀏覽器打開卻沒問題。最后一個熟悉web開發(fā)的同事幫忙找到了原因，是由于我之前在本機上測試的時候在瀏覽器保存了這個登陸頁面的用戶名密碼，在打開這個頁面的時候chrome自動填充用戶名密碼，同時用webkit默認樣式替代網(wǎng)頁樣式，就是一個黃色背景的輸入框，以提示用戶這是自動填充的表單內(nèi)容。把chrome保存的這個網(wǎng)頁的用戶名密碼清掉就可以了。

感謝各位的閱讀！關(guān)于“瀏覽器自動填充表單導(dǎo)致網(wǎng)頁樣式丟失原因有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！