按鈕和滑動菜單

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中更改訂單，則此功能無效。