No sé cómo dejar un label seleccionado: solo he podido marcarlo cuando paso el cursor sobre él, pero al darle clic no se queda seleccionado. ¿Cómo se puede hacer? Lo estoy intentando solo con CSS y HTML.
label {
color: rgb(80, 153, 77);
display: flex;
flex-direction: column;
align-items: center;
/* background-color: rgb(218, 218, 218); */
box-sizing: border-box;
border-radius: 20px;
cursor: pointer;
}
label:hover{
background-color: rgb(190, 190, 190);
opacity: 0.6;
box-shadow: 0 0 0 2px white, 0 0 0 4px blue;
}
<label for="Hipodoge" class="sombreado">Nombre</label>