Div onClick 链接不适用于移动 safari，但适用于 chrome

Question

我有一个下载 pdf 文件的链接，该文件可在桌面和移动 chrome 上运行；但不是在移动 Safari 浏览器上。

我怀疑悬停的问题并将其删除。但仍然无法正常工作。

我在 React 上有以下代码。

<div className={styles.link} onClick={downloadPDF}>
     Download 
</div>

CSS 是

.link {
  padding-top: 10px;
  color: blue;
  text-align: right;
  cursor: pointer;
  &:hover {
    color: blue;
    text-decoration: underline;
  }
}

这个 css 没有工作，所以像下面这样删除了悬停，但仍然没有工作。

.link {
  padding-top: 10px;
  color: blue;
  text-align: right;
  cursor: pointer;
  text-decoration: underline;  
}

有没有人可以建议的帮助？

Answer 1

我有一个决议。 禁用 Safari 设置中的弹出窗口阻止程序。有效。现在它会在点击链接时弹出并询问是否允许。