Html ：：after元素未显示在页面上，但在live server页面中可见

我在标签上有一个：：after元素作为复选框输入

在一个编辑器中，所有内容都可以在实时服务器上工作，元素可见，：选中动画工作，所有内容都正常

我在github上的存储库中推送了代码，当我打开页面时，：：after元素没有显示

以下是HTML：

    <li class="main__list-item">
         <div class="main__list-item-container">
              <input type="checkbox" id="question-1" class="main__list-question"></input>
              <label for="question-1" class="main__label">How many team members can I invite?</label>
              <p class="main__list-answer">You can invite up to 2 additional users on the Free plan. 
                                           There is no limit on team members for the Premium plan</p>
         </div>
   </li>

即使没有visible:：after元素，所有动画仍然工作，字体大小改变，p元素显示等等

---

问题在于图像路径：

您必须更改URL：

    content: url(../img/icon-arrow-down.svg);

    content: url(../img/icon-arrow-down.svg);