nput元素去除獲取焦點時的邊框

1.1概述

在網頁中，用tab鍵切換時，文字鏈結、搜尋框、按鈕等的外面會有乙個虛線框（或高亮框），此時當前的元素就獲得了焦點，可以對其進行操作。

注意：這個功能一般是為使用鍵盤操作的使用者準備的，建議一般不要去掉。

input標籤獲取焦點的時（如：游標放在input框中準備輸入值時）， input標籤外圍會出現邊框，如果需要去掉這個邊框，可以使用css的outline:none;（當元素獲得焦點時焦點框為0）屬性。

1.2拓展——css outline屬性

1、定義

outline（輪廓）是繪製於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的作用。outline是乙個簡寫屬性，在乙個宣告中設定所有的輪廓屬性，即可以按順序設定outline-color、outline-style、outline-width屬性。

注意：1》輪廓線不會佔據空間，也不一定是矩形。

2》如果outline不設定outline-color、outline-style、outline-width其中的某個值，也是允許的，比如outline:solid #ff0000;。

3》請始終在outline-color屬性之前宣告outline-style屬性。因為元素只有獲得輪廓以後才能改變其輪廓的顏色。

2、瀏覽器支援

所有瀏覽器都支援 outline 屬性。

注意：如果規定了 !doctype，則 ie8 支援 outline 屬性。