Html ：悬停Css菜单不'；t仅在iOS Safari上打开。

我有一个奇怪的问题。在一个im编码的站点上，我使用css悬停命令将下拉菜单附加到按钮上。正如许多人所知，在移动设备上，悬停命令转换为点击。问题是，无论我做什么，我都无法让iOS safari注册一次点击，这使得整个下拉菜单仅在iOS safari上无法访问。它可以在iphone上的chrome浏览器上运行，也可以在每个桌面浏览器上运行。有什么想法吗

这是我的CSS：

/* Reserve Pull Down */

.reserve {
    font-size: 30px;
    color: white;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 30px;
}

.reservetitle{
    color: white;
}

.reservedropdown {
    display: none;
    position: absolute;
    background-color: white;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
}

.reserve:hover .reservedropdown {
    display: block;
}

.reserve.active  .reservedropdown {
    display: block;
}

/*备用下拉端*/

这是我的html

<div class="reserve">  
        <a class="reservetitle">Reserve</a>
            <div class="reservedropdown">
                <a class="dropdowntext" href="reserve/index.html">By Location</a>
                <div class="dropdowngap"></div>
                <a class="dropdowntext" href="tel:+13014333005">Call Now</a>
            </div>
        </div>

有什么想法吗？我很难弄明白。我试过了：活动“，”聚焦“。当然还有“悬停”。无法在iOS safari上运行任何内容。任何帮助都将不胜感激。 干杯

---

-朱利安

我通过稍微调整你的HMTL就能让它工作

我只是确保

浏览器肯定会将其视为一个链接，您可以单击/悬停在该链接上，然后一切正常