chrome去除藍色邊框和黃色背景色

2021-07-25 21:58:28 字數 637 閱讀 2154

1、chrome在選中文字框後會出現藍色邊框,如何去掉呢?

給文字框新增這個樣式屬性就可以解決問題了:outline:none;

這也是由於chrome瀏覽器預設的給自動填充的文字框新增了背景樣式屬性,chrome瀏覽器中檢視元素裡可以看到:

這裡第一想法是直接覆蓋這個background-color,但是貌似不行,可以看到下面我已經覆蓋了background-color這個屬性,可底色還是黃色的:

其實不是遮蔽掉chrome瀏覽器預設新增的背景樣式,而是使用文字框邊框陰影遮住了背景顏色而已。樣式中的1000px即是陰影的寬度,當然,只要這個寬度大於背景顏色的區域即可。

不過這只適合需要白色底色的情況,若是希望透明色怎麼辦呢?

強制輸入框不能自動搜尋:新增屬性autocomplete='off'

input去除藍色邊框

input標籤在使用的時候會有邊框樣式。當input聚焦的時候又會顯示出乙個藍色邊框。很多時候我們並不需要這種預設樣式的邊框,就需要去除邊框。給需要去除的標籤新增css樣式 border none 去除input預設的邊框 outline none 去除聚焦時的藍色邊框 outline width ...

去除ListView 上下邊界藍色或黃色陰影

預設的情況下,在 listview 滑動到頂部或者是底部的時候,會有黃色或者藍色的陰影出現。在不同的版本號上解決辦法是不同的,在 2.3 版本號之前能夠在 listview 的屬性中通過設定 android fadingedge none 來解決這個問題,可是在 2.3 及以上版本號這中方法是無效的...

去除input標籤focus時藍色邊框

問題 當使用input標籤時,它會有乙個預設樣式,即當其獲取到焦點時,會有乙個藍色邊框效果。如下圖 未獲取焦點時 獲取到焦點時 我們在控制台檢視input focus如下圖。發現並沒有相關的樣式。事實上這是input的outline屬性帶來的問題。當我們加上 input 就能解決這個問題。同樣有這個...