僅在鍍鉻區域的按鈕周圍纔會出現奇怪的藍色

Question

attach是一個屏幕快照，出於某種原因點擊按鈕時出現藍色部分。

這是我使用這個按鈕的代碼：

HTML：

<div style="display:table-cell;" class="btnRight"> 
    <span class="scrollUp" onclick="mobile_scrollUp();"></span> 
    <div style="clear:both"></div> 
    <span class="scrollDown" onclick="mobile_scrollDown();"></span> 
</div> 

CSS：

.btnRight .scrollUp { 
    width: 35px; 
    height: 35px; 
    background: url(../images/up-down-arrows.png) 0px 0px no-repeat; 
} 

.btnRight .scrollUp { 
    width: 35px; 
    height: 35px; 
    background: url(../images/up-down-arrows.png) 0px 0px no-repeat; 
} 

.previews-status span { 
    margin: 7px 0 0 0; 
    display: inline-block; 
    cursor: pointer; 
} 

Answer 1

你使用Internet Explorer？ IE瀏覽器添加了一個藍色的東西，因爲一些愚蠢的原因。 要擺脫它它添加到你的CSS：

body { 
    border: 0; 
} 

Answer 2

類似使用Chrome時，有時會得到的按鈕輪廓怪到@safinn答案。

這消除它：

area { 
    outline : none; 
} 

Answer 3

輸入{輪廓：無; }爲我工作，如果您使用<輸入類型=「按鈕」>