Hover不适用于移动设备触摸 - 离子移动应用程序

Question

我正在使用离子框架开发应用程序。我正在尝试在悬停时应用一些css（在移动设备上触摸）。它在浏览器中运行良好，但在真实设备中无效。

请帮我解决问题。

如何继续为触摸事件应用css。

元素：

<div class="deviceListItem">
  <i class="myIcon ion-ios-unlocked-outline" ></i> <br>
  Door Open
 </div> 

元素的CSS：

 .myIcon  {
     background-color: #fff !important;
     color: #000 !important;
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5) !important;
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5) !important;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.5) !important;
}

悬停效果的CSS：

  .myIcon:hover  {
     background-color: #0078D7 !important;
     color: #fff !important;
    -webkit-box-shadow:0 0 12px rgba(0, 0, 0, 0.5) !important;
    -moz-box-shadow:0 0 12px rgba(0, 0, 0, 0.5) !important;
    box-shadow:0 0 12px rgba(0, 0, 0, 0.5) !important;
}