如何隐藏FontAwesome按钮链接在左下角的跳转提示？

以下几种方法可以解决你遇到的问题：

• 方法一：用JavaScript手动控制跳转，移除a标签的href属性
  把a标签的href去掉，通过onclick事件实现跳转，这样浏览器就不会显示默认的链接提示了。代码示例：

  <a class="icon fa-solid fa-gamepad fa-hover" onclick="window.open('games.html', '_blank')"></a>
  

  如果不需要新窗口打开，改成：

  <a class="icon fa-solid fa-gamepad fa-hover" onclick="location.href='games.html'"></a>
  

• 方法二：替换为button元素，配合JS跳转
  用button代替a标签，同样通过onclick实现跳转，再用CSS去掉按钮的默认样式，让它和原图标效果一致：

  <button class="icon fa-solid fa-gamepad fa-hover" onclick="window.open('games.html', '_blank')"></button>
  

  对应的CSS（按需调整）：

  button.icon {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    /* 其他你原来的.icon样式 */
  }
  

注意：浏览器左下角的链接提示是原生功能，只要a标签带有有效的href属性就会默认显示，和是否用FontAwesome图标无关——之前的普通按钮方案不适用，是因为它们针对的是button元素而非带href的a标签。

内容的提问来源于stack exchange，提问作者TheAlphaLeopard