CSS3: aiuto select e checkbox con stile

Printable View

08-12-2012, 12.21.42
sevenjeak

CSS3: aiuto select e checkbox con stile

Siccome per il mio nuovo sito sto utilizzando i CSS3 e sto creando un po di sistemi, tutti fatti da me, tra questi il sistema di login / registrazione dell'utente.

Ecco, era proprio di questo che vi volevo parlare, nel form di registrazione sto facendo uso dei CSS3 per dare uno stile ai select e checkbox del modulo, ovviamente sto facendo anche un css alternativo per i browser più vecchi.

Questa mattina per provare meglio la cosa ho fatto delle ricerche su internet e questa pagina di prova:

http://sevenjeak.altervista.org/testing/

Se volete posto anche il codice, altrimenti potrete sempre vederlo dalla pagina, ma da come potete vedere, a differenza del select, non riesco a dare uno stile al checkbox, come potrei fare?
08-12-2012, 12.51.58

Prova a mettere il puntino prima .input[type=checkbox]
cosi come nel select .select

Dario
08-12-2012, 13.39.31

Citazione:

Originalmente inviato da catturavisite

Prova a mettere il puntino prima .input[type=checkbox]
cosi come nel select .select

Dario

Non è mica una classe.
Il checkbox non pare accettare apparence:none come metodo, se lo togli vedrai che si vede.
08-12-2012, 13.52.47

Citazione:

Non è mica una classe.
Il checkbox non pare accettare apparence:none come metodo, se lo togli vedrai che si vede.

Prova a mettere tu il puntino come dico io e vedrai anche in locale che ti appare il checkbox
Ciao
dario
08-12-2012, 13.53.18
sevenjeak

Grazie a tutte e due per la risposta, ma come hai detto te il puntino non va, in effetti non e una classe, ma neanche la proprietà apparenze è, quella proprietà mi serve solamente a lavare l'aspetto di default del browser, per le select leva la freccetta, chi io sostituisco con un'immagine, ma lo stesso metodo non funziona per il checkbox.
08-12-2012, 15.37.59

Citazione:

Originalmente inviato da catturavisite

Prova a mettere tu il puntino come dico io e vedrai anche in locale che ti appare il checkbox
Ciao
dario

Certo che lo vede, ma solo perché non prende la formattazione del foglio di stile, si aspetta una classe .input che invece non c'è.
;a se provi a mettere <input class="input" vedrai che sparisce di nuovo.

@seven in realtà checkbox è supportato come si vede da questa pagina: http://css-tricks.com/almanac/properties/a/appearance/ ma evidentemente non è così semplice da implementare. Poi ovvio IE nada de nada come pure stranamente Opera.