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邊框的問題進行了具體介紹，希望對有需要的朋友有所幫助。

#

以上是html頁面如何讓input邊框不顯示？的詳細內容。更多資訊請關注PHP中文網其他相關文章！