在React应用程序中使用CSS为iOS设备提供diable 3D触控功能

我正在创建一个React应用程序，它既适用于桌面应用程序，也适用于移动应用程序。 该应用程序要求iOS设备（6秒或更多）不具备3D触控功能

下面是

a

标记和

NavLink

标记的代码片段

案例1：

navLinks =
  <a key={item.label + i} href={HomePageURL + item.navTo} role="button" target="_self">
    {item.label}
  </a>

---

当我们点击iOS设备上的任何链接（仅6秒或以上）时，如何禁用3D触控？当前功能此处输入代码已启用3D触控功能。

我认为仅使用CSS和JS不可能做到这一点。我认为这是可能的，我已使用下面的代码尝试了相同的方法。它起作用了`this.props.history.push（“/FSRSearch”）}role=“button”className={styles.searchResultLink}>`现在我想尝试将它与href标记一起使用，而不是onClick事件

navLinks =
  <NavLink key={item.label + i} to={item.navTo} target="_self">
    {item.label}
  </NavLink>

a {
  cursor: pointer;
  transform: translate3d(0, 0, 0);
}