How can I use an Angular Material chckbox without additional spacing?

Discussão em 'Angular' iniciado por coder, Novembro 12, 2024.

  1. coder

    coder Guest

    I'm currently working with Angular Material and would like to know if there is a way to use the checkbox without the default spacing. I noticed that Angular Material's checkbox are surrounded by some spacing by default (as seen in the image). Is there an easy way to remove this spacing so that I can insert the checkbox directly into my content without additional spacing?

    <mat-checkbox formControlName="rememberMe"><span class="remember-me">Remember me</span></mat-checkbox>


    [​IMG]

    padding:0 did not help.

    Also this did not work:

    input[type="checkbox"] {
    width: 10px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    }


    Thanks in advance for your assistance

    Continue reading...

Compartilhe esta Página