Is it normal to have indeterminate state on input radio when nothing are selected ?

[MaxenceMouchard]

Is it possible to avoid indeterminate style when nothing is checked with this kind of inputs ?

  <div class="form-check abc-checkbox abc-checkbox-success abc-checkbox-circle">
    <input class="form-check-input" type="radio" id="true" name="TrueOrFalse" value="true">
    <label class="form-check-label" for="true">True</label>
  </div>
  
  <div class="form-check abc-checkbox abc-checkbox-danger abc-checkbox-circle">
    <input class="form-check-input" type="radio" id="false" name="TrueOrFalse" value="false">
    <label class="form-check-label" for="false">False</label>
  </div>

[epineda]

I had to do this, but it's not ideal:

.radio input[type="radio"] {
  /* opacity: 0; */
  z-index: 1;
  cursor: pointer;
  margin-left: -23px;
  margin-top: 2px;
}