Input checkbox in CSS

Gae

Utente Attivo
15 Mar 2021
44
3
8
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 ?
 
Ultima modifica:

salvo_76

Nuovo Utente
8 Giu 2024
4
0
1
Ciao prova in questo in questo modo :

CSS:
: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;
}
 
Discussioni simili
Autore Titolo Forum Risposte Data
ivarello Checkbox che disattiva input Javascript 3
M Passare il valore di una checkbox ad input text Javascript 0
D problema con checkbox e input text PHP 6
T google cse e input checkbox PHP 13
J Inserire il colore nel campo di input dove il checkbox è selezionato Javascript 2
L Ripetere Campi disabilitando input in riferimento ad un valore della select jQuery 0
otto9due Input text: accetta solo numeri e non può essere vuoto. Javascript 9
M Come recuperare molteplici input form PHP 1
F Lettura "input number" dinamico PHP 4
B form gestione input PHP 2
M Creare un campo input select quantità di un numero intero prelevato dal db PHP 3
F Leggere e aggiornare dati di campi <input text> su file di test PHP 0
R Nome input testo+variabile PHP 1
L input (rilevare cambio dati) PHP 3
S riflettere valore di campo input range in live Javascript 0
L input dati con inser into select ? PHP 4
M Compilazione automatica campi in input stessa pagina PHP 0
A attributo "min" per input gestione date PHP 8
F Steps campo input field Javascript 1
C input in sostituzione della select PHP 2
C [RISOLTO]Inserimento variabile php in input html PHP 20
L input (controllo se è stato modificato o no). PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
S [PHP] Recupero nome immagine da Form con input file PHP 3
T [PHP] Autocompilazione input multiple da una select PHP 1
L [Javascript] input variabili di scrittura con canvas Javascript 2
MarkRed Come indicare, in una maschera, il primo controllo d'input, tipo "SetFocus" jQuery 9
L [Javascript] Select option in campi input Javascript 4
elpirata [RISOLTO][Javascript] Datapicker e autocompletamento campo input Javascript 2
P [PHP] Inserire stringhe in input(text),memorizzarle e stamparle in file successivo PHP 0
P [PHP] Aggiungere giorni e stampare risultato da data inserita in input PHP 3
G Campo HTML input file con jQuery jQuery 0
P [PHP] Input Type="date" non va correttamente con Apple PHP 2
L Bootstrap 4 input ext value HTML e CSS 1
R radio input php mysql PHP 2
Emix [Javascript] Somma con array input HTML Javascript 1
M [HTML] form con multipli input type image HTML e CSS 1
A [Javascript] Multi input su due tabelle correlate Javascript 1
N [PHP] filtrare input form di tipo array PHP 0
S [HTML] Problema <input type="date"> HTML e CSS 0
V [Javascript] [HTML] Attivazione nuovi campi di input Javascript 2
Daniele_Carrara [Javascript] Modifica input date Javascript 5
F Controllo dati sui campi di input tramite php PHP 1
A [Javascript] Somma di input dinamici Javascript 1
T [PHP] tornare alla pagina con gli input già compilati PHP 2
bubino8 [PHP] Recupero input senza invio PHP 1
D [Javascript] Input da un label Javascript 1
D [PHP] da option a input type PHP 9
bubino8 [HTML] <input type="file"> Testo a scelta HTML e CSS 3
D [Javascript] Script che controlla quello che hai scritto nell'input Javascript 3

Discussioni simili