xxxxxxxxxx1
<div dir="rtl" align="right">2
3
<!-- Group of material radios - option 1 -->4
<div class="form-check">5
<input type="radio" class="form-check-input" id="materialGroupExample1" name="groupOfMaterialRadios">6
<label class="form-check-label" for="materialGroupExample1">Option 1</label>7
</div>8
9
<!-- Group of material radios - option 2 -->10
<div class="form-check">11
<input type="radio" class="form-check-input" id="materialGroupExample2" name="groupOfMaterialRadios" checked>12
<label class="form-check-label" for="materialGroupExample2">option 2</label>13
</div>14
15
<!-- Group of material radios - option 3 -->16
<div class="form-check">17
<input type="radio" class="form-check-input" id="materialGroupExample3" name="groupOfMaterialRadios">18
<label class="form-check-label" for="materialGroupExample3">option 3</label>19
</div>20
21
</div>xxxxxxxxxx1
[type="radio"]:checked, [type="radio"]:not(:checked) {2
right: -9999px;3
left: auto;4
}5
6
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label, [type="checkbox"] + label, .form-check-input[type="checkbox"] + label, label.btn input[type="checkbox"] + label {7
padding-right: 35px;8
padding-left: 0;9
}1
1
Console errors: 0