我們在用html用input標簽寫輸入框的時候，在頁面呈現的是一個有線條的四邊形邊框。
因為在很多頁面中，為了增加輸入框的美感性，常常我們會使用css對邊框的樣式進行更改，比如將四邊形邊框改變為圓角邊框。我們常常會采用border-radius來給邊框定義弧度值來改變邊框樣式。
border-radius：值1；表示四條邊取同樣的弧度值。
border-radius：值1 值2；第1個值是左上和右下、第2個值是左下和右上。
border-radius：值1 值2 值3；第1個值是左上、第2個值是左下和右上、第3個值是右下。
border-radius：值1 值2 值3 值4；第1個值是左上、第2個值是右上、第3個值是右下、第4個值是左下。
在設置完成輸入框后，我們在頁面點擊輸入框時，會發現除了有圓角邊框外，原有的四邊形邊框也會顯示出來。該情況其實是顯示的邊框的自帶顏色。這種情況的出現會大大降低用戶體驗。
因此，查詢資料發現只需要一句代碼就能夠實現取消。
我們在css中添加樣式的時候，對input添加outline:none即可。該條代碼能夠取消輸入框自帶的顏色，在我們重新點擊后，不會再次出現上述情況。
如果有需要取消邊框的，可以添加outline:0px；。
同時我們也可以給input設定寬高來改變邊框的大小。