只在铬合金的按钮周围获得奇怪的蓝色

Question

附加是一个屏幕截图，由于某种原因，单击按钮时会出现蓝色部分。

这是我用于此按钮的代码：

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

输入{outline：none;如果你使用＆lt;输入类型=“按钮”＆gt;

Answer 2

您使用的是Internet Explorer吗？ 由于一些愚蠢的原因，IE添加了一个围绕着事物的蓝色。 要摆脱它，请将此添加到CSS：

body {
    border: 0;
}

Answer 3

类似于@safinn的答案，当使用chrome时，有时按钮会出现奇怪的轮廓。

这消除了它：

area {
    outline : none;
}