复选框显示两个答案

【问题标题】：Checkbox is showing two复选框显示两个
【发布时间】：2021-08-18 17:57:46
【问题描述】：

我在我的复选框上应用了自定义 css，但现在它显示了两个.. 当我只是将自定义 css 应用到前一个 css 时，它不会应用它们。谁能帮忙修一下？

.treejs-checkbox {
  width: 25px;
  height: 25px;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 100px;
  background-color: #FFF;
  border: 2px solid #00EA90;
  box-shadow: 0px 0px 0px 0px #00EA90 inset;
  transition: all 0.15s cubic-bezier(0, 1.05, 0.72, 1.07);
}

<li>
  <span class="treejs-checkbox"></span>
  <span class="treejs-label">Teams</span>
</li>

它只显示双复选框。

【问题讨论】：

标签： css checkbox

【解决方案1】：

已有 CSS，我检查并更改了现有的。

.treejs .treejs-checkbox::before {
        width: 18px;
        height: 18px;
        justify-content: center;
        align-items: center;
        position: relative;
        border-radius: 100px;
        background-color: #FFF;
        border: 2px solid #00EA90;
        box-shadow: 0px 0px 0px 0px #00EA90 inset;
        transition: all 0.15s cubic-bezier(0, 1.05, 0.72, 1.07);
}

我用 psuedo 来改变它们。 :)

【讨论】：