Javascript 悬停时缩放离子图标

我添加了一个取消图标，我想在悬停或单击时缩放或放大该图标。我添加了转换，但它仍然没有响应

我如何解决这个问题

<i class="ion-android-cancel cancel-icon"></i>

---

因为它是一个图标，所以可以使用字体大小来调整它的大小。例如：

<i class="ion-android-cancel cancel-icon" style="font-size: 0.73em;"></i>

您可以使用相对数量来重新缩放它。

它正在工作

离子图标：悬停{ -ms变换：比例（1.5）；/*IE 9*/ -webkit转换：比例（1.5）；/*Safari 3-8*/ 转换：比例（1.5）； 过渡：所有300毫秒缓解； -o型转换：所有300毫秒的易用性； -ms转换：所有300毫秒的易用性； -moz转换：所有300毫秒的易用性； -webkit转换：所有300毫秒的易用性； }

没有密码，我们只能猜测。给定的代码将正确缩放该元素，但它将不可见，因为该元素没有样式或内容。如果使用标记，则需要在悬停时增加字体大小。。因为它是字体。。。

<i class="ion-android-cancel cancel-icon" style="font-size: 0.73em;"></i>