HTML中，input標籤預設是有邊框（border）和背景色屬性的。可以在CSS中加入border:none;（或者在html中加入style="border:none;"）可以去掉邊框。input標籤在滑鼠點選時，會有黃色的邊框。如果不需要，可以在css屬性中加input{outline:medium;}屬性去掉。

工具/原料

電腦

sublime text 編輯器

發現問題

1

首先我們在html頁面中輸入input的相關程式碼；

2

END

解決問題

1

查找了各方面的資料才知道這是input預設的樣式。當然我們還是有辦法解決的~，可以用css去除掉藍色出現的藍色邊框，有三種方式：

第一種：直接在input中加style=“outline:none;”如圖

2

第二種方式：在頂部style中直接控制css樣式：

3

第三種方式：直接用 input:focus { outline: none; } 控制聚焦時不出現藍色邊框~

END

小結

html很多標籤都有預設樣式，因此最好在樣式中一開始就給表單標籤去除預設的樣式問題。