css - 改变几何图标的颜色

Question

我正在使用一些 geomicons 并且需要改变它们的颜色。

例如，对于 <span class='geomicon-info-alt'/> ，我在白色背景上得到一个黑色的圆圈，里面有一个黑色的字母i。

我想将其更改为白色 字母i 在黑色 圆圈背景上，如下所示:

但是，如果我只是做 color: white; background-color: black ，我会得到如下所示的方形黑色背景。

任何人都可以给我一些关于如何修复它的建议吗？谢谢，

已更新我试过 border-radius: 50%正如下面评论中所建议的。好多了，但左边缘仍有一点黑色。

Answer 1

请尝试以下 css

.geomicon-info-alt { 
    color:#fff;
    background:grey;
    border-radius:50px;
    border:0;
}