html - クロムでのみボタンの周りに奇妙な青色が表示される

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

入力 { アウトライン:なし; < input type="button"> を使用している場合、私にとってはうまくいきました >

Answer 2

@safinnの回答と同様に、クロムを使用すると、ボタンの輪郭がおかしくなることがあります。

これはそれを排除します：

area {
    outline : none;
}