时间戳

首页 > 解决方案 > 指针悬停在圆形图标上

html - 指针悬停在圆形图标上

问题描述

我的网站中有一些带边框的圆形图标，但是当我将鼠标悬停在图标上时，我可以从图标外部看到指针（并进入链接）。我已经尝试过这里提供的解决方案，但没有帮助。有人有建议吗？

HTML 代码：

<script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>

<div class="margin-icons">
  <a class="btn btn-outline-light btn-social mx-1" target="_blank" href="mailto:example@example.com">
    <i class="far fa-envelope" style="color: black;
             width: 50px; height: 50px;
             border: 2px solid black;
             border-radius: 50%;
             padding: 6px;" />
  </a>
</div>

标签： htmlcss

解决方案

<script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>

<div class="margin-icons">
  <a class="btn btn-outline-light btn-social mx-1" target="_blank">
    <i class="far fa-envelope" style="color: black;
             width: 50px; height: 50px;
             border: 2px solid black;
             border-radius: 50%;
             padding: 6px;" />
  </a>
</div>

所以你不希望指针来，然后删除'a'标签中的href。但是你为什么要这三个图标呢？

推荐阅读