时间戳

首页 > 解决方案 > Div onClick 链接不适用于移动 safari，但适用于 chrome

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

问题描述

我有一个下载 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;  
}

有人可以建议任何帮助吗？

标签： cssreactjshyperlinkmobile-safarimobile-chrome

解决方案

I have got a resolution. Disabled the Popup blocker on Safari Settings. It worked. Now it popsup and asks whether to allow it or not when clicking on the link.

推荐阅读