how can delete circle tag radio in input code example

Example 1: disable mat radio button outer circle

: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*/
    }

Example 2: hide radio button circle

<style>
.opacity {
	position: absolute;
	opacity: 0;
	width: 0;
}
input[type=checkbox]+label {
	font-weight: normal;
}
input[type=checkbox]:checked+label {
	font-weight: bold;
}
input[type=checkbox]:focus+label {
	border: 1px dotted #000;
}
</style>

<input class="opacity" type="checkbox" id="checkbox1">
<label for="checkbox1">Checkbox 1check</label>
<br />
<input class="opacity" type="checkbox" id="checkbox2">
<label for="checkbox2">Checkbox 2check</label>

Tags:

Misc Example