CSS Z-index活动状态与输入冲突：[type = number]

Question

我将图像设置为在活动状态下缩放。但是，我有一个奇怪的问题似乎与Safari隔离，输入框中的数字拨号不会留在我的图像后面：

这是我对活动状态的css：

  .product_front img:active {
  outline: none;
  background-color: white;
  -webkit-transform: scale(2.5);
  -moz-transform: scale(2.5);
  z-index: 9999;
}

非常感谢任何帮助 - 谢谢！