在没有类名的复选框内设置图像样式

Question

<div class="panel panel-line panel-danger">
    <div class="panel-heading">
        <h3 class="panel-title">Meb Katmanları</h3>
        <div class="panel-actions">
            <mat-slide-toggle color="warn" [(ngModel)]="allMebLayers" (change)="mebToggle()"></mat-slide-toggle>
        </div>
    </div>
    <div *ngIf="allMebLayers" class="panel-body" style="max-height: 70vh; overflow-y: auto">



        <mat-selection-list *ngFor="let l of legends" style="overflow-y: hidden; overflow-x: hidden;">

            <mat-checkbox>
                    <td class="p-5">{{l.layerName}}</td>

                    <td class="p-5"><img [src]="l.legend.imageData"></td>
            </mat-checkbox>
        </mat-selection-list>


    </div>
</div>

我想在复选框内设置图像样式。没有添加新类名的任何简单方法？

Answer 1

要在复选框内设置图像样式而不使用新的类名，请在css文档中尝试使用此选择器：

mat-checkbox img {
  /* desired CSS properties */
}

Answer 2

要完成样式设置，您还可以使用：

cp: /usr/share/vim/vim74/colors/mycustom.vim: Operation not permitted

如果您只想为该类定位该图像，而不是所有也可能位于同一页面的mat-checkbox img元素。