html頁面中如何讓input邊框不顯示？

我們在設計網站內表單註冊頁面時，會發現當滑鼠游標放在input框中準備輸入值時，會出現類似藍色的邊框線。儘管你沒有設定input的style樣式，也會有。這是因為在HTML中，input標籤預設是有邊框（border）和背景色屬性的。如果我們不需要這個邊框顯示想要去除input邊框或者讓input框顯示隱藏。我們該怎麼去操作呢？

下面給大傢具體介紹關於input邊框修改即去除、隱藏邊框的相關知識。

一、在沒有點擊input框時，不顯示邊框：

 border：none；

二、點擊input框，準備輸入值時，不顯示邊框：

input{  border:none;  width：200px;  height:80px;  box-radius:25%;  outline:medium;  text-align:center;  }

註：在樣式中使用outline:medium;點擊input框時就不會有邊框線顯示了。

outline （輪廓）是繪製於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的作用。輪廓線不會佔據空間，也不一定是矩形。

outline 簡寫屬性在一個聲明中設定所有的輪廓屬性。

那麼本篇文章就是關於如何去除input邊框的問題進行了具體介紹，希望對有需要的朋友有所協助。