Joomla.it Forum
Joomla! 3 => Joomla! 3 => : eleumas 27 Sep 2013, 12:37:21
-
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 (http://moscatoenzo.altervista.org/contatti)[/size]
Spero qualcuno possa aiutarmi :)
-
Prova ad aggiungere questo codice nel CSS:
.formResponsive input[type="checkbox"]:hover {
border:1px solid red;
}
-
non cambia. avevo provato qualcosa di simile anche io. siamo sicuri che sia :hover e non qualche altra "parola magica"? :)
-
non esistono parole magiche nel css :D
magari aggiungi un !important alla fine e vedi se cambia
-
no. non cambia. ho una regola css a:hover non è che magari gli crea qualche conflitto?
-
Ciao eleumas,
prova a correggere qui così (un esempio di colore, poi metti cosa vuoi):
.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;
-
Guarda mi dispiace, ma non funziona. In questo modo ho modificato i campi e non la checkbox :(
-
Non ho capito allora che cosa sia la ceckbox e non vedo velature azzurre...
-
la checkbox è il quadratino accanto alla parola "accetta" prima del bottone "invia messaggio". Passandoci sopra col mouse diventa azzurrina :)
-
Allora non quando ci passi sopra con il mouse, ma quando la clicchi e selezioni...
-
no. quando ci passi sopra col mouse diventa già azzurrina. se non sbaglio è una sorta di funzione :hover che si ha con i link.
-
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...
-
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 :(
-
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... :)
-
ahahahahah...purtroppo non sono un grafico raffinato :D 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!)