讓CSS對iPhone中的電子郵件中的觸摸做出反應

我已經創建了一個HTML電子郵件，其中的文本旨在對懸停或觸摸做出反應。你可以在jsFiddle上測試它。讓CSS對iPhone中的電子郵件中的觸摸做出反應

<html> 
<head> 
    <style> 
    span { 
     float: right; 
     color: #222; 
    } 
    span:hover, 
    span:active, 
    span:hover ~ span, 
    span:active ~ span { 
     color: #fff; 
     text-shadow: 0 0 16px #ffd; 
    } 
    </style> 
</head> 
<body style="background-color:#000;font-size:16vw; font-family: Times,'Times New Roman',serif;" ontouchstart=""> 
<span>e</span><span>e</span><span>s</span><span>&nbsp;</span><span>o</span><span>t</span><span>&nbsp;</span><span>h</span><span>c</span><span>u</span><span>o</span><span>T</span> 
</body> 
</html>

在Thunderbird或Apple Mail中查看時，此功能正常，但在iPhone上，iPhone上的Mail應用程序沒有反應。

我已閱讀here了:active僞類沒有被激活，除非有與元素相關聯的觸摸事件，當你參觀移動Safari瀏覽器的jsFiddle demo這個作品。但是在iOS Mail中，它不起作用。

有沒有解決方案呢？

來源

2016-03-11 James Newton