title: ionic 3 change color on hover on svg and stay the same
body: <p>I am writing a mobile app with Ionic 3 framework.</p>
  
  <p>I want to change the color of an SVG when an user hover above a component with its finger. But the color needs to stay when he hover out of the component. It is like if he would be painting with his finger.</p>
  
  <p>I tried CSS <code>hover</code> but it reverse back after leaving the component.
  I tried the gestures event of ionic, but it seems that none of them help me.(<a href="https://ionicframework.com/docs/components/#gestures" rel="nofollow noreferrer">https://ionicframework.com/docs/components/#gestures</a>).
  I tried Angular "mouseover" event. It works great on a browser, but not at all with finger on mobile or mobile simulator.</p>
  
  <p>On click event, I use <code>[style]=myVariable</code> in the <strong>.html</strong> file. Where "myVariable" is <code>fill=#ffffff</code> for white, or <code>fill=#000000</code> for black in the <strong>Typescript</strong> file.</p>
  
  <p>Anyone has an idea on how to achieve this ?</p>