xxxxxxxxxx1
<div class="position-relative" style="left:3rem; top:3rem;">2
<input type="checkbox" class="form-check-input" id="broken"> 3
</div>4
xxxxxxxxxx1
.form-check-input[type=checkbox]:indeterminate {2
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");3
background-color: #1266f1;4
border-color: #757575;5
}xxxxxxxxxx1
const broken = document.getElementById( "broken" );2
3
broken.indeterminate = true;4
Console errors: 0