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>