Buongiorno a tutti. Ho necessità, per particolari motivi, di avere dei checkbox che si aprono a tendina. Dato che, in questo modo, la scelta effettuata rimane nascosta nella tendina e dato che le liste di checkbox come questa saranno molte, vorrei che, quando viene fatta una selezione in una determinata lista, l'azione venisse evidenziata in qualche modo, per esempio cambiando il colore di background della finestra principale "Quantità" (o in altro modo che potete suggerirmi), affinchè l'utente possa individuare, nella pagina, dove ha già effettuato le scelte. Spero di essermi spiegata. Grazie mille per l'aiuto.
Il codice è questo:

codice:
<style>
.chkdropdown {
    display:inline-block;
    position:relative;
    font-family:'arial', sans-serif;
    color:black;
}
.chkdropdown, .chkdropdown ul {
    border:1px solid #c6c4c4;
    background-color:whitesmoke;
    /*! padding: 0.1ex 0.5ex 0; */
    padding: 4px;
}
.chkdropdown ul {
    position:absolute;
    width:100%;
    list-style-type:none;
    padding:0;
    margin:0;
    left:0;
    height:0;
    overflow:hidden;
    border-color:transparent;
    background-clip:padding-box;
    z-index: 1;
}
.chkdropdown:hover ul {
    height:auto;
    border-color:#c6c4c4;
}
.chkdropdown li:nth-child(n+2) {
    border-top:1px solid silver;
}
.chkdropdown input[type="checkbox"] {
    /*! float:left; */
}
.chkdropdown label {
    /*! display:block; */
}
</style>
                  <table class="multi-checkbox">
                     <tr>
                        <td class="chkdropdown">
                           Quantit&agrave; &udarr; 
                           <ul style="z-index: 2">
                              <li>
                                 <input type="checkbox" id="cdd1" value="Qty: 01;">
                                 <label for="cdd1">01</label>
                              </li>
                              <li>
                                 <input type="checkbox" id="cdd2" value="02">
                                 <label for="cdd2">02</label>
                              </li>
                              <li>
                                 <input type="checkbox" id="cdd3" value="03">
                                 <label for="cdd3">03</label>
                              </li>
                              <li>
                                 <input type="checkbox" id="cdd4" value="Quantit&agrave; desiderata:">
                                 <label for="cdd4">More</label>
                              </li>
                           </ul>
                        </td>
                     </tr>
                  </table>