Angularjs Hover在移动设备触摸-离子移动应用程序中不起作用

我正在使用ionic框架开发一个应用程序。我正在尝试在hover（在手机上触摸）上应用一些css。它在浏览器中运行良好，但在实际设备中不起作用

请帮我解决这个问题

为触摸事件应用css的方法是什么

要素：

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

 .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;
}

---

你用不同的版本试过了吗？@Muhsin是的，我用不同的系统和版本试过了。它不起作用。我用过这个功能。但在某些情况下它不起作用versions@Muhsin如果你有android 4.2，android 5，请分享版本详情