Voglio segnare le cose già acquistate in questa lista senza aggiungere nessun elemento HTML.
La lista, man mano che faccio la spesa, dovrà essere visualizzata con le cose già comprate messe in evidenza come nell'immagine qui a fianco.
Ecco le dichiarazioni css necessarie per aggiungere il contrassegno verde
position: absolute;
border-color: #009933;
border-style: solid;
border-width: 0 0.3em 0.25em 0;
height: 1em;
top: 1.3em;
left: 0.6em;
margin-top: -1em;
transform: rotate(45deg);
width: 0.5em;
e per cambiare il colore di sfondo.
background: #CCFF99;