chrome瀏覽器預設樣式覆蓋input背景

2022-09-16 10:33:08 字數 526 閱讀 1990

問題描述:input表單新增了背景,結果自動填充是,程式設計了乙個淡黃色矩形方框。

解決方案:網上查詢了很多的解決方式,基本都不管用,這裡我簡單說兩個。

1.去除黃色背景

input:-webkit-autofill   

outline:none;  //去除焦點邊框

2.修改readonly屬性:

"password" readonly onfocus="this.removeattribute('readonly');"/>  

3.借鑑網易163的,可以在不需要預設填寫的input框中設定 autocomplete="new-password"

感覺這種學習思路對前端學習很有啟發性,遇到問題在網上查詢了很多還是解決不了時,可以去網上看看類似的功能別人是如何實現的,而不是一味地的採納網上天花亂墜的說法。

瀏覽器預設樣式

1.頁邊距 ie預設為10px,通過body的margin屬性設定 ff預設為8px,通過body的padding屬性設定 要清除頁邊距一定要清除這兩個屬性值 body 2.段間距 ie預設為19px,通過p的margin top屬性設定 ff預設為1.12em,通過p的margin bottom屬...

瀏覽器預設樣式

html預設樣式 html,address,blockquote,body,dd,div,dl,dt,fieldset,form,frame,frameset,h1,h2,h3,h4,h5,h6,noframes,ol,p,ul,center,dir,hr,menu,pre 以上列表元素預設狀態下一...

瀏覽器預設樣式

1.頁邊距 ie預設為10px,通過body的margin屬性設定 ff預設為8px,通過body的padding屬性設定 要清除頁邊距一定要清除這兩個屬性值 body 2.段間距 ie預設為19px,通過p的margin top屬性設定 ff預設為1.12em,通過p的margin bottom屬...