我使用復(fù)選框在HTML / CSS中創(chuàng)建了一個臨時的隱藏/顯示菜單，它非常適合隱藏和顯示文本和鏈接，但是我有一個部分要單擊“復(fù)選框”時顯示一個按鈕。首先，它看起來不錯，按鈕是隱藏的，當(dāng)用戶單擊復(fù)選框時，按鈕將顯示在其下方。我遇到的問題是，如果用戶在按鈕實際出現(xiàn)之前在該按鈕出現(xiàn)的復(fù)選框下方單擊，他們?nèi)匀豢梢杂|發(fā)該按鈕。任何想法？<td><label class="collapsible"><input type="checkbox" /><span class="collapser">Edit</span><span class="arrow">&gt;</span><div class="collapsed"><form method="post"><input type="hidden" id="pwd" name="deleteid" value='. $value["id"] . '><button onclick="return confirm_delete();" type="submit" name="DelBidSubmit" class="btn btn-default">Delete</button><script type="text/javascript">    function confirm_delete() {        return confirm("Are you sure you wish to delete that?");    }</script></form></div></label></td>這是我的CSS代碼，以防萬一.collapsible {  display: block;  margin-bottom: 1rem;}.collapsible input {  position: absolute;  left: -9999px;}.collapsible input:focus ~ .collapser {  border-color: grey;}.collapsible .collapser {  cursor: pointer;  border: 1px transparent dotted;}.collapsible .arrow {  float: right;  margin-left: 0.5em;  display: inline-block;  transform: rotate(90deg);  transition: transform 0.25s ease-out;}.collapsible input:checked ~ .arrow,.collapsible input:checked ~ .collapser .arrow {  transform: rotate(270deg);}.collapsible .collapsed {  font-size: 0;  margin: 0;  opacity: 0;  padding: 0;  /* fade out, then shrink */  transition: opacity 0.25s, margin 0.5s 0.25s, font-size 0.5s 0.25s, padding 0.5s 0.25s;}.collapsible input:checked ~ .collapsed {  font-size: 12px;  opacity: 1;  height: auto;  padding: 5px 0;  /* grow, then fade in */  transition: margin 0.25s, padding 0.25s, font-size 0.25s, opacity 0.5s 0.25s;}