更改按鈕上的虛線邊框的顏色

Question

我的某個窗體中的按鈕出現問題，當用戶單擊該按鈕時，它會在其中顯示此黑色虛線邊框。我想刪除這個，但我不知道如何。我還沒有設置這個邊界在CSS ...

Button http://i48.tinypic.com/2mwwjf8.png

（（對於那些想知道，標題的意思是 「搜索」））

---

我搜索前一段時間，但用「虛線」代替「虛線」，因此什麼都沒有發現。我現在用「虛線」進行搜索，發現this，對不起，但有什麼方法可以更改此邊框的顏色嗎？ （我認爲這僅適用於火狐？）

Answer 1

我是不是清楚的問題不好意思：這事被點擊時，我曾試圖輪廓屬性，但討厭的Firefox不會接受它。通過在其他線程讀了一下，我發現answer：

button::-moz-focus-inner { border: 0; } 

Answer 2

這是outline

你可以改變它是這樣的：

button { 
    outline: 3px dashed #f0f; 
    /* or, just the colour */ 
    outline-color: #f0f; 
} 

Answer 3

即由outline CSS property控制。將其刪除，添加以下規則（或類似）到你的樣式表：

button.search { 
    outline: none; 
    -moz-outline: none; /* Firefox 1.0 and earlier, if you care */ 
} 

Answer 4

按照評論：

你意識到了這種方式，你不能再通過鍵盤導航找到按鈕？不，我認爲：積極事件會踢進來拯救我的一天，但它顯然不是。你知道任何解決方案嗎？

考慮

onclick="this.blur();"