<分区>
css - Font Awesome 背景颜色溢出
我想为字体图标设置背景颜色:
.vert {
background: springgreen;
}
...
return '<i class="fa fa-circle-thin vert"></i>';
在运行时我得到这个:
那么如何只填充圆的内部？
最佳答案
您可以使用 stacked icons .
.vert {
color: springgreen;
}<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/css/all.css">
<span class="fa-stack">
<i class="fas fa-circle vert fa-stack-2x"></i>
<i class="far fa-circle fa-stack-2x"></i>
</span>在 Font Awesome 5 中使用图层
This feature requires that you use SVG + JS version of Font Awesome 5.
.vert {
color: greenyellow;
}<script src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" data-search-pseudo-elements></script>
<div class="fa-4x">
<span class="fa-layers fa-fw">
<i class="fas fa-circle vert" ></i>
<i class="far fa-circle"></i>
</span>
</div>关于css - Font Awesome 背景颜色溢出，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57519832/