Question

我正在尝试使用CSS开关来使复选框起作用。可以在此处找到示例：

在标签元素内具有两个输入元素的开关在ie / edge上不起作用。生成此代码后，我无法更改元素的此顺序。但是必须有一个css语句，即ie / edge解释与其他浏览器不同。

这适用于ie / edge：

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

这在ie / edge中不起作用：

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

我该如何解决？

重要提示：HTML元素的顺序无法更改，因为它是自动生成的。

谢谢！

最好的问候罗伯托

Answer 1

尝试将输入放在 Span类之后，如下所示。

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

通过这种方式，它可以在IE和Edge中正常工作。

您可以根据自己的要求进行测试，以了解它是否可以正常工作。