Html 内容的边框半径未更改

我试图得到一个边界半径来圈出你看到的绿色框，但是它不起作用，我使用边界半径：50%；。。但我不完全确定我是否做得对

CSS:

HTML:

它表明：

---

有什么想法吗

看起来这个类属于。这是一个伪元素，其中除了Unicode字符外没有任何内容。由于没有背景或边框，您不会注意到半径。看起来您没有加载图标字体，因为没有找到字符时显示的标准误差平方是可见的

加载字体后，应该是这样的：没有理由再使用边框半径

编辑：您的p标签也需要fa类。如果添加fa类不起作用，请仔细检查是否导入了正确的样式表。您的完整元素应该如下所示：

<p class="rank fa fa-circle-o">yo rank</p>

---

因为你的内容是一个角色，所以它没有边界。试试这个

.fa-circle-o:before{
    content:" "; 
    margin-right: 5px;
    border: 1px solid #4c9628;
    height: 11px;
    width: 11px; 
    display: inline-block;
    border-radius: 50%;
}

---

你正在使用/想要支持什么浏览器？@ChristopherMarshall这是chrome浏览器！我想你是想给饥饿者贴标签

<p class="rank fa fa-circle-o">yo rank</p>

.fa-circle-o:before{
    content:" "; 
    margin-right: 5px;
    border: 1px solid #4c9628;
    height: 11px;
    width: 11px; 
    display: inline-block;
    border-radius: 50%;
}