拆卸點擊

Question

虛線邊框我使用這個CSS刪除被點擊

a:active, a:focus, input { 
    outline: 0; 
    outline-style:none; 
    outline-width:0; 
} 

這是工作正常，但其有背景圖像輸入按鈕不起作用的超鏈接時出現虛線邊框。

Answer 1

這不是我的地方，懷疑你的設計決策，所以在這裏你去。

只需添加這對任何鏈接的，你要刪除的虛線

onfocus="if(this.blur)this.blur()" 

Answer 2

它工作不正常。這使得無法在沒有鼠標的情況下導航設計變得不可能。

請參閱http://24ways.org/2009/dont-lose-your-focus進行合理的折衷。

Answer 3

您可以添加一個onclick: blur();所以它保持它的標籤，快樂和點擊時不會破壞設計。

但備案，這似乎工作的跨瀏覽器。對於IE，第二次爲FF第一部分：

input, input:active, input:focus{ 
    outline: 0; 
    outline-style:none; 
    outline-width:0; 
} 

button::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner { 
    border: none; 
} 

Answer 4

您需要等級來區分哪個環節有虛線邊框，哪些沒有。使用img選擇器是不夠的。

樣式輸入標籤不具有虛線邊框;你甚至可以用一類的輸入按鈕，如果你有一個以上的風格（清除，提交，取消等）