如何解决指向圆形图标的指针
我的网站上有一些带边框的圆形图标，但是当我将鼠标悬停在图标上时，可以从图标外部看到指针（并进入链接）。 我尝试了here提供的解决方案，但没有帮助。有人有建议吗？
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>解决方法
<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。 但是，为什么要使用这三个图标？