前端 - a tel属性在ios webkit 为什么要长按才能生效？

Question

<a class="number" href="tel:0147-88469258"></a>
.number{
        display: block;
        background: url(number.png) no-repeat;
        background-size: 100%;
        width:4rem;
        height: 4rem;
        top: 3.7rem;
        right:4%;
        position: absolute;
    }
    

在本地测试OK 安卓也可以，就是部署到iOS上就不行了。iOS同学在webkit上测试的必须长按才能拨号，这是为什么？有什么解决方法吗

Answer 1

type 改成 button试一下 <a class="number" href="tel:0147-88469258">< input type = "button" / > </ a >