disable mat radio button outer circle

Yucky Yacare answered on June 29, 2020 Popularity 7/10 Helpfulness 4/10

answer disable mat radio button outer circle

disable mat radio button outer circle

Comment

    :host ::ng-deep .mat-radio-container{
      height: 10px;
      width: 10px;
    }
    :host ::ng-deep .mat-radio-outer-circle{
      height: 10px;
      width: 10px;
    }
    :host ::ng-deep .mat-radio-inner-circle{
      height: 10px;
      width: 10px;
    }
    :host ::ng-deep .mat-radio-button .mat-radio-ripple{
      height: 20px; /*double of your required circle radius*/
      width: 20px;  /*double of your required circle radius*/
      left: calc(50% - 10px); /*'10px'-same as your required circle radius*/
      top: calc(50% - 10px); /*'10px'-same as your required circle radius*/
    }

Popularity 7/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: disable mat radio-button whatever

Link to this answer
Share Copy Link

Contributed on Jun 29 2020

Yucky Yacare

0 Answers Avg Quality 2/10

disable mat radio button outer circle

Contents

More Related Answers

disable mat radio button outer circle

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.