去除input標籤focus時藍色邊框

2021-10-05 08:34:21 字數 438 閱讀 7340

問題:

當使用input標籤時,它會有乙個預設樣式,即當其獲取到焦點時,會有乙個藍色邊框效果。如下圖:

未獲取焦點時:

獲取到焦點時:

我們在控制台檢視input:focus如下圖。

發現並沒有相關的樣式。

事實上這是input的outline屬性帶來的問題。當我們加上

input

就能解決這個問題。同樣有這個問題的元素還有select,option,textarea。建議在專案開始時的樣式初始化步驟中加入下面的**。

input,select,option,textarea

去除input邊框

去除input邊框 input去除邊框 去除input框獲取焦點時的藍色外邊框 sunrainamazing 去除input的邊框僅僅用border屬性 其實是不能滿足我們的需求的 此外還需要加上outline屬性才可以 實現我們想要的樣式 如下圖展示 邊框input3 獲取焦點的樣式 很明顯,有乙...

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

1.在谷歌瀏覽器會出現預設點選input框黃色背景,如何去除?消除google瀏覽器黃色框input webkit autofill,input webkit autofill hover,input webkit autofill focus 方法一 因為這玩意出現只有在之前有輸入記錄的情況下才會...

input去除藍色邊框

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