Input checkbox in CSS

[Gae]

Salve, nel CSS per un campo boolean ho questa classe

.form-tabella input[type="checkbox"] {
color: var(--fg-rosso); /* Colore del simbolo di spunta */
width: 20px; /* Imposta la larghezza del checkbox */
height: 20px; /* Imposta l'altezza del checkbox */
}

Mi servono anche queste proprietà
width: 20px; /* Imposta la larghezza del checkbox */
height: 20px; /* Imposta l'altezza del checkbox */
background-color: #fff; /* Colore di sfondo del checkbox */
border: 1px solid #9c9c9c; /* Bordo del checkbox */
border-radius: 3px; /* Arrotonda i bordi del checkbox */
cursor: pointer; /* Cambia il cursore al passaggio sopra il checkbox */

Ma non funzionano forse il checkbox non le accetta ?

 

[salvo_76]

Ciao prova in questo in questo modo :

:root {
--fg-rosso: #ff0000;
}

form-tabella {
color: var(--fg-rosso);
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #9c9c9c;
border-radius: 3x;
cursor: pointer;
}

 

[Gae]

Ciao prova in questo in questo modo :

:root {
--fg-rosso: #ff0000;
}

form-tabella {
color: var(--fg-rosso);
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #9c9c9c;
border-radius: 3x;
cursor: pointer;
}

grazie