改变几何图标的颜色

Question

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

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

我想把它改成 white 字母 i 在 black 圆形背景上 like这个：

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

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

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

Answer 1

请尝试以下css

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

Answer 2

应用这个css你可以得到输出。

.geomicon-info-alt { 
    color:#ffffff;
    background:black;
    border-radius:50%;
    border:0;
}

注意： 如果 height 和 width 相同，则使用 border-radius:50% 否则手动更改 border-radius 值以获得所需的输出..

Change color of geomicons