android - 输入图像在移动设备上快速按下时具有突出显示框

Question

我正在为即将举行的活动制作移动拍卖页面。我有两个按钮。1) 提高投标价格的三角形图像 2) 提交投标的圆形图像。

三角形有一个凹形底部，圆形图像位于其中。当按下时，图像会从正常状态变为缩进状态，以表明它们正在被按下。我正在为图像使用onmousedown和onmouseup事件。

<input id="btnraise" class="btnraise" type="image" src="bidraise-up.png" onmousedown="touchStartRaise()" onmouseup="touchEndRaise();" />
<input id="btnbid" class="btnbid" type="image" src="mobilebid-up.png" onmousedown="touchStart()" onmouseup="touchEnd()"/>

为了满足不同移动平台（即windows phone、iPhone、Android）的要求，我为每个图像设置了两个事件监听器。我以这种方式开始是因为据我所知，iPhone 使用触摸事件，这对他们来说效果最好。（我可能弄错了。如果您对此有更好的了解，请告诉我）

var btnbid = document.getElementById('btnbid');
btnbid.addEventListener('touchstart', touchStart, false);
btnbid.addEventListener('touchend', touchEnd, false);

var btnraise = document.getElementById('btnraise');
btnraise.addEventListener('touchstart', touchStartRaise, false);
btnraise.addEventListener('touchend', touchEndRaise, false);

这就是背景，所以你明白我有什么。现在，当我在不同平台上测试此页面时，我得到了这个框，就像按下输入图像时按钮突出显示一样。只能在手机上。我不知道这是什么。有人可以帮忙吗？这一切有意义吗？