從後台做到前端,悲劇啊。將別人做好的css集成到我的jsp網頁裡面,出現了一個奇怪現象。
對方提供給我的是html文件,打開之後樣式顯示都正常。我再把裡面的代碼復制到我的jsp頁面,奇怪的現象就出現了。這是一個登陸頁面,包括用戶名輸入框和密碼輸入框。將網頁部署到Web服務器上,通過浏覽器打開發現這兩個輸入框的樣式丟了。只有將兩個輸入框的name屬性設為相同的名字才能正常顯示樣式。
通過chrome的插件查看發現有對應的樣式,但是在浏覽器顯示的時候這些樣式就失效了,被webkit自帶的樣式給代替了。而在其他機子上用相同版本的浏覽器打開卻沒問題。最後一個熟悉web開發的同事幫忙找到了原因,是由於我之前在本機上測試的時候在浏覽器保存了這個登陸頁面的用戶名密碼,在打開這個頁面的時候chrome自動填充用戶名密碼,同時用webkit默認樣式替代網頁樣式,就是一個黃色背景的輸入框,以提示用戶這是自動填充的表單內容。把chrome保存的這個網頁的用戶名密碼清掉就可以了。