问一下html大神，我的一个超链接是用一张直角角图片触发，这个页面在手机上显示时会有直角边框

一个很简单的页面中，只有两个超链接，都是用的直角图片，但是我把img标签和超链接标签，外面的div标签都设置了10px圆角，这个页面在手机打开时，点击图片会显示外面一层直角框，不知道怎么去掉
下面是代码：

  <div style="width: 46%; float: left; overflow: hidden; border-radius: 10px; outline: none">
        <a href="/depositbox/app/UserApp(1).apk" style="outline: none; border-radius: 10px">
             <img id="android" src="android.png" style="width: 100%; border-radius: 10px; outline: none" />
        </a>
    </div>

border:none