css li 图标给出双字符答案

【问题标题】：css li icon gives double charcss li 图标给出双字符
【发布时间】：2021-09-08 23:40:21
【问题描述】：

我不知道如何更改此网址中 li 上的图标。

我试图更改内容，但只是在绿色 v 上显示了一个额外的数字。

.check-list {
  margin: 0;
  padding-left: 1.2rem;
}

.check-list li {
  position: relative;
  list-style-type: none;
  padding-left: 2.5rem;
  margin-bottom: 0.5rem;
}

.check-list li:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 5px;
    height: 11px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #00a8a8;
    transform-origin: bottom left;
    transform: rotate(45deg);
}

【问题讨论】：

标签： css html-lists

【解决方案1】：

这里使用用于旋转的边框和变换。如果你想改变，还有更多的方法。首先，去掉边框，把你想要的内容放在内容中。并使用 List 样式进行默认样式

k.imgur.com/gwikL.png

【讨论】：