Question

我使用了字体超赞的搜索图标，它在所有浏览器，所有Android手机上均可使用，但不适用于Mac和iPhone。我无法在所有与苹果相关的设备和浏览器中单击图标。

在浏览器中也没有控制台错误，在iPhone中，我无法单击它。提前致谢！！！

<div class="input-group">
  <input type="text" id="searchMobile" class="form-control" placeholder="Search by Artist / Keyword" tabindex="-1">
  <div class="input-group-append">
    <a id="searchMobileButton" onclick="searchMobile();" class="btn btn-secondary text-white" href="javascript:void(0)">
      <i class="fa fa-search" aria-hidden="true"></i></a>
  </div>
</div>

Answer 1

在标题元素中添加以下链接，

<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" type="text/css" />

然后在您的customicon.css中添加以下CSS，

@font-face {
  text-rendering: optimizeLegibility;
}

fa fa-search在Mac和iPhone中无响应

1 个答案: