按钮和滑动菜单

Question

为什么标签标签内的输入标签不工作，而标签标签外部的输入标签是否工作，除非有解决方法？

这会导致滑动到左侧，因为输入标签位于标签标签之外。

<input type="checkbox" id="nav-trigger" class="nav-trigger"/> 
<label id="menuButton" for="nav-trigger"></label> 

虽然这不会导致股利向左滑动为输入的标签是标签标签里面，但是我添加了一个复选框，以确保其工作正常，但没有运气。

<label id="menuButton" for="nav-trigger"> 
    <input type="checkbox" id="nav-trigger" class="nav-trigger"/> 
</label> 

的jsfiddle（标贴标签的作品外输入）：https://jsfiddle.net/dxs6040/4ovp3zty/3/

的jsfiddle（标签标签内输入不工作）：https://jsfiddle.net/dxs6040/hbtho680/6/

Answer 1

我相信这是因为你的CSS。如果您将输入元素定位为像这样.nav-trigger：checked + label，则选中复选框后的下一个第一个标签元素。如果您在HTML中更改订单，则此功能无效。