擺脫瀏覽器顯示的HTML表單元素中的輪廓？

Question

有沒有辦法做到這一點？它不同於瀏覽器到瀏覽器顯示的是什麼輪廓等（Safari和它的藍色光暈，Firefox和點擊提交按鈕時的虛線輪廓...）

CSS是優選的，但JS也很好。

Answer 1

輪廓可以通過復位outline財產被刪除原因。

Answer 2

如果更改CSS中項目的默認屬性（例如border,background等），則這些元素的默認外觀將不再佔上風。

例如，您可以根據需要爲按鈕，輸入和字段集設置寬度，顏色和樣式的邊框。此外，背景（顏色和/或圖像）將改變這些默認外觀。

Answer 3

我相信你在談論大綱屬性。要刪除輪廓，你可以這樣做;

element { outline:none; } 

雖然我不推薦它出於可用性的原因。

input:focus, button:focus, textarea:focus, select:focus { 
    outline: 0; 
    background-color: #efefef; 
} 

但是，你應該包括其他視覺指示器，因爲我在這裏做，以表明該元素集中，可訪問：

Answer 4

selector{ 
outline:none; 
} 

Answer 5

司一江對代碼級解決方案的回答。 Sitepoint上還有一個good article。

Safari中的藍色發光（對焦環）是Mac OS X用戶首選項。用戶可以調整出現的方式/時間。

• 在系統偏好設置>鍵盤>鍵盤快捷鍵>全鍵盤訪問，選中「文本框和只列出」
• 在Safari>首選項>高級>通用接入，取消「按Tab鍵突出顯示在每個項目網頁「