disabled custom checkbox with gradients is not grayed out in checked state

[kkozlik]

If the custom checkbox is in checked state and if gradients are enabled it has a same look whether it is enabled or disabled.

Can't reproduce a codepen example, because I can't enabled gradients without compiling the scss.

I think the solution might be adding:

background-image:none;

to scss/_custom-forms.scss line 138

Tested with:

• bootstrap 4.4.1
• linux
• chromium 78.0.3904.108

[kkozlik]

And the same is for custom radio button

[ajcerejeira]

I can confirm that this is also happening to me:

<div class="custom-control custom-switch">
  <input type="checkbox" id="checkbox" class="custom-control-input" checked disabled>
  <label for="checkbox" class="custom-control-label disabled"></label>
</div>

Result:

Expected:

[XhmikosR]

Fixed by #30922