仅在镀铬区域的按钮周围才会出现奇怪的蓝色

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

输入{轮廓：无; }为我工作，如果您使用<输入类型=“按钮”>