regola css per checkbox

[eleumas]

E' da un po' che sto provando a personalizzare una checkbox. L'intento sarebbe trasformare la velatura azzurra, quando ci si passa sopra col mouse, in rosso (per esempio).


Questo è il sito: [size=78%]http://moscatoenzo.altervista.org/contatti[/size]


Spero qualcuno possa aiutarmi

[xplosion]

Prova ad aggiungere questo codice nel CSS:

Codice: [Seleziona]

.formResponsive input[type="checkbox"]:hover {
    border:1px solid red;
}

[eleumas]

non cambia. avevo provato qualcosa di simile anche io. siamo sicuri che sia :hover e non qualche altra "parola magica"?

[xplosion]

non esistono parole magiche nel css 
magari aggiungi un !important alla fine e vedi se cambia

[eleumas]

no. non cambia. ho una regola css a:hover non è che magari gli crea qualche conflitto?

[adottauncane]

Ciao eleumas,
prova a correggere qui così (un esempio di colore, poi metti cosa vuoi):

Codice: [Seleziona]

.formResponsive textarea:focus, .formResponsive input[type="text"]:focus, .formResponsive input[type="password"]:focus, .formResponsive select:focus {    border: 1px solid #FF0000 !important;    box-shadow: 0 1px 1px #FF0000 inset, 0 0 8px #FF0000;    outline: 0 none;}
front.css riga 311

Questa riga, a parte il colore, devi correggerla così:

    border: 1px solid #FF0000 !important;

[eleumas]

Guarda mi dispiace, ma non funziona. In questo modo ho modificato i campi e non la checkbox

[adottauncane]

Non ho capito allora che cosa sia la ceckbox e non vedo velature azzurre...

[eleumas]

la checkbox è il quadratino accanto alla parola "accetta" prima del bottone "invia messaggio". Passandoci sopra col mouse diventa azzurrina

[adottauncane]

Allora non quando ci passi sopra con il mouse, ma quando la clicchi e selezioni...

[eleumas]

no. quando ci passi sopra col mouse diventa già azzurrina. se non sbaglio è una sorta di funzione :hover che si ha con i link.

[adottauncane]

No, con Firefox non succede... Oppure io sono cecata... La regola dell'hover però è quella già scritta da xplosion. Secondo me quell'iconcina è un'immagine di default legata al type ceckbox.
Cerca su internet
Personalizzare checkbox e radio button con i CSS
credo sia l'unico modo per cambiare il ceckbox...

[eleumas]

Ho girato internet in lungo e largo. Purtroppo tutto cambia colore meno la checkbox. Ho iniziato a credere che tramite css non si possa fare questa modifica

[adottauncane]

Prova a cercare con la frase esatta che ti ho scritto. C'è una guida per farlo. In pratica ti fa sostituire l'immagine con un css che puoi gestire a tuo piacere.
Buona palestra di sicuro, probabilmente tu sei un grafico raffinato e ti piacciono le cose precise e ben fatte ma, della grafica di una ceckbox non credo importi a nessuno... 

[eleumas]

ahahahahah...purtroppo non sono un grafico raffinato piuttosto sono pignolo e curioso. comunque ti ringrazio di cuore per l'aiuto, lascerò la personalizzazione di questa checkbox nel tempo libero (ormai mi ha dichiarato guerra e guerra sia!)