Switch layout for checkbox failing in IE/Edge

I'm trying to get a css switch for checkboxes to work. An example can be found here:

https://www.w3schools.com/code/tryit.asp?filename=FWCNHR9N3EYO

The switch with two input elements inside the label element does not work on ie/edge. As this code is generated, I can't change this order of the elements. But there must be a css statement that ie/edge interprets different from other browsers.

This works on ie/edge:

<label class="switch">
  <input type="checkbox" checked>
  <span class="slider"></span>
</label>

This does not work in ie/edge:

<label class="switch">
  <input type="hidden">
  <input type="checkbox">
  <span class="slider"></span>
</label>

How can I fix this?

Thanks in advance!

Best regards Roberto