我們在設計網站內表單註冊頁面時,會發現當滑鼠遊標放在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中文網其他相關文章!