mardi 13 septembre 2022

Replace tick from mat-pseudo-checkbox with the mat-checkbox tick

If I want to create a list of checkboxe's in Material design I can use mat-list-option like so

<mat-selection-list>
  <mat-list-option
  *ngFor="let option of options"
  >
    
  </mat-list-option>
</mat-selection-list>

By default it seems to use the mat-pseudo-checkbox in this case. The tick from the mat-pseudo-checkbox looks different than from the mat-checkbox

Material Checkbox

Material Pseudo Checkbox

I need the inside of the mat-pseudo-checkbox to look like a "normal" mat-checkbox when checked.

I have tried using mat-pseudo-checkbox in the specific CSS file but haven't found a way to at least change the tick. It basically didn't change anything.

Could you please give me a hint or an example how I could archive this.




Aucun commentaire:

Enregistrer un commentaire