點選input消除預設背景顏色 focus

2022-09-10 09:39:10 字數 825 閱讀 8791

1.在谷歌瀏覽器會出現預設點選input框黃色背景,如何去除?

//消除google瀏覽器黃色框
input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus

方法一:

因為這玩意出現只有在之前有輸入記錄的情況下才會出現的,所以只有禁用input的記錄就能ok!比如:,如此當你點選了input時它就不會有那一列表了!整個世界也就乾淨了!當然,如果你能忍受那屎黃色,也可以把它給「on」了,或者不設定,因為autocomplet預設就是'on'的!

不過,很多時候可能需求不允許你去掉簡單方便的記錄!那可咋整?

於是,方法二:

-webkit-box-shadow: 0 0 0px 1000px white inset  沒錯,就是給input設定內建陰影!而且一定要大,至少要比你的input本身大!不過,box-shadow是很慢的!而且,如果你的input是用做背景的話,是沒有辦法做這麼幹的!所以在實際開發中,到底是怎麼選擇,那還得自己權衡!

2. 去掉所以點選時背景有邊框或者虛框加個樣式就行,如:

input:focus
或者

input
加完樣式之後:

前端input操作,修改游標顏色,去除背景色

input輸入框的游標顏色修改有兩種 第一種設定游標顏色的同時修改游標顏色,使用 color green 第二種 只修改游標顏色,使用 create color green 從事前端工作半年以上的同志都知道,我們的input輸入框是有預設背景色和邊框的。但有時候我們有需求放自己的背景色或者沒有背景色...

input 輸入框 在自動填充時,背景顏色問題

問題 自動填充前 自動填充後 可以看出,自動填充後,input背景顏色變成了白色,解決辦法 純色陰影覆蓋底色 input webkit autofill再看看,自動填充後的效果 注意 這個方法有個問題,就是input 輸入框,不能有 圓角 border radius 而且只適用於純色背景框。可以看到...

取消a標籤在移動端點選時的背景顏色

一 取消a標籤在移動端點選時的藍色 webkit tap highlight color rgba 255,255,255,0 webkit user select none moz user focus none moz user select none 二 使用作為a標籤的點選按鈕時,當觸發to...