如何解决icomoon 图标下的背景,白色“边框”显示
我想在具有透明部分的图标字体下放置白色背景,以便该部分在悬停时会改变颜色:
我尝试使用边界半径和剪辑路径。但仍然显示白色轮廓。甚至试图制作一个更小的背景。不起作用:
我的CSS:
.icon-tw-blue {
color:white;
border-radius:30px;
transition: all 0.5s
}
.icon-tw-blue:hover {
border-radius: 50%;
color:#6ab8f1;
background-color:white;
}
HTML
<li class="li-social">
<a aria-label="Site Twitter" href="https://twitter.com/test" target="_blank">
<span class="icon-tw-blue" aria-hidden="true"></span>
</a>
</li>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。