尝试添加“i”标签。见下文。
.social i:hover { cursor: pointer; color: #28ad00; }
Try adding "i" tag to it. See below.
将悬停效果应用于 元素代替。
编辑：我忘记指定此解决方案适用于您的 codepen 示例。
.social i:hover { cursor: pointer; color:#28ad00; }
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"/> <table> <tr> <td class="animated zoomIn" style="animation-delay:2.6s;"><a href="" target="_blank" class="social"><i class="fab fa-spotify"></i></a></td> <td class="animated zoomIn" style="animation-delay:3.0s;"><a href="" target="_blank" class="social"><i class="fab fa-twitter"></i></a></td> <td class="animated zoomIn" style="animation-delay:3.4s;"><a href="" target="_blank" class="social"><i class="fab fa-instagram"></i></a></td> <td class="animated zoomIn" style="animation-delay:3.8s;"><a href="" target="_blank" class="social"><i class="fab fa-discord"></i></a></td> <td class="animated zoomIn" style="animation-delay:4.2s;"><a href="" target="_blank" class="social"><i class="fab fa-github"></i></a></td> <td class="animated zoomIn" style="animation-delay:4.6s;"><a href="" target="_blank" class="social"><i class="fa-solid fa-envelope"></i></a></td> </tr> </table>
Apply the hover effect to the <i>element instead.
<i>
Edit: I forgot to specify this solution works in your codepen example.
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
暂无简介
文章 0 评论 0
接受
发布评论
评论（2）
尝试添加“i”标签。见下文。
Try adding "i" tag to it. See below.
将悬停效果应用于
元素代替。
编辑：我忘记指定此解决方案适用于您的 codepen 示例。
Apply the hover effect to the
<i>element instead.
Edit: I forgot to specify this solution works in your codepen example.