Html 如何将项目符号添加到角材质列表？

我想要带子弹的棱角材料清单。我尝试添加列表样式/列表样式类型css属性。但它不起作用。如何才能做到这一点

我也无法使显示：列表项和列表样式类型正常工作。。。但是查看文档，我们可能必须使用以下任一方法：

matListIcon 图标库，如字体库 这是HTML块，您可以在其中进行选择：

<h3>Simple lists</h3>
<mat-divider></mat-divider>
<mat-list>
    <mat-list-item *ngFor="let item of simpleItems">
        <mat-icon matListIcon>lens</mat-icon>
    <!-- OR -->
        <mat-icon matListIcon>fiber_manual_record</mat-icon>
    <!-- OR -->
        <i class="fa fa-circle" style="font-size:16px"></i>
    <!-- OR -->
        <i class="fa fa-circle" style="font-size:12px"></i>
        {{ item }}
    </mat-list-item>
</mat-list>
<mat-divider></mat-divider>

forked

我也无法使display:list items和list样式类型正常工作。。。但是查看文档，我们可能必须使用以下任一方法：

matListIcon 图标库，如字体库 这是HTML块，您可以在其中进行选择：

<h3>Simple lists</h3>
<mat-divider></mat-divider>
<mat-list>
    <mat-list-item *ngFor="let item of simpleItems">
        <mat-icon matListIcon>lens</mat-icon>
    <!-- OR -->
        <mat-icon matListIcon>fiber_manual_record</mat-icon>
    <!-- OR -->
        <i class="fa fa-circle" style="font-size:16px"></i>
    <!-- OR -->
        <i class="fa fa-circle" style="font-size:12px"></i>
        {{ item }}
    </mat-list-item>
</mat-list>
<mat-divider></mat-divider>

---

forked

您可以使用Unicode字符，例如项目符号字符

用法示例：

my-li:before {
    content: "\2B24";
    color: black;
    padding-right: 6px;
}

---

可以使用Unicode字符，例如项目符号字符

用法示例：

my-li:before {
    content: "\2B24";
    color: black;
    padding-right: 6px;
}

---

我的列表太大，有500多个列表项。所以我想在css中定义一次项目符号，而不是一次又一次地为每个项目添加html块。我的列表太大，有500多个项目。所以我想在css中定义一次项目符号，而不是一次又一次地为每个项目添加html块