當我點擊我的HTML按鈕時，會顯示一個藍色的「選擇」邊框

我創建了這個HTML按鈕，並且在用CSS對樣式進行樣式化後，每次點擊時都會在其周圍出現一個藍色選擇邊框。有沒有什麼辦法解決這一問題？我知道當我創建它時，默認不變的元素不會這樣做，所以我認爲它必須與我添加的CSS有關。當我點擊我的HTML按鈕時，會顯示一個藍色的「選擇」邊框

HTML：

<button type="button" class="drop-button" >-</button>

CSS：

.drop-button { 
    background-color: #343436; 
    color: #FFFFFF; 
    border: none; 
    border-radius: 5px; 
    margin-right: 8px; 
    margin-left: 4px; 
    height: 20px; 
    width: 25px; 
    font-size: 20px; 
    vertical-align: middle; 
    line-height: 0px; 
}

Here is a link to it.http://jsfiddle.net/xytxnpyt/

來源

2016-07-21 Rift Talon

這是Chrome瀏覽器的默認行爲。你可以用這個把它關掉...

button:focus{ 
outline: none; 
}

來源

2016-07-21 16:14:04 Miles

這解決了我的問題，謝謝你回答這麼快！ –

樂於幫助。你會發現它在其他一些瀏覽器中沒有這樣做。這主要是Chrome的事情。 – Miles

在這裏你去：

.drop-button:focus { 
    outline: 0; 
}

Fiddle

來源

2016-07-21 16:14:06 dodopok

雖然我不能重現你在的jsfiddle談論的藍色選擇邊框，請嘗試添加「outline-width：0px;」到按鈕的CSS，看看是否有任何東西

來源

2016-07-21 16:14:23 user3163495

當我點擊我的HTML按鈕時，會顯示一個藍色的「選擇」邊框

回答

相關問題