a：悬停在iOS浏览器上的样式

Question

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

正如您在图像中看到的那样，控制按钮上的a：悬停状态似乎很难。除非您单击相反的按钮，否则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;
    }
}