javascript - a:hover 风格停留在 iOS 浏览器上

Question

我最近发布了我的第一个名为 Shutter Image Gallery 的开源项目，当我查看它在移动设备 (iOS) 上的外观时，发现了一个我似乎无法解决的问题......

正如您在图像中看到的，控制按钮上的 a:hover 状态似乎保持不变。除非您单击相反的按钮，否则 a 的颜色不会返回。我试图搜索问题，但找不到任何相关内容。

该代码是开源的并托管在 GitHub 上。如果你能帮忙，请这样做。在此处发布修复或将其推送到存储库。我将不胜感激。

存储库链接：https ://github.com/W3Geek/Shutter

演示链接：http ://w3geek.github.com/Shutter/

Answer 1

尝试在 CSS 中进行媒体查询以仅在桌面上使用 a:hover 效果，而在 iOS 设备上使用 a:active 进行颜色更改。

Answer 2

/* Desktop */
@media only screen and (min-width:650px) 
{
    a:hover 
    {
        color:red;
    }
}

/* Mobile */
@media only screen and (max-width:650px)
{
    a:active
    {
        color:red;
    }
}