Introduzione ai CSS - HTML5 con CSS e JavaScript - page 78

}
input[type="checkbox"], input[type="radio"] {
color: black;
background: transparent;
}
input[disabled], input[readonly] {
background: gray;
}
Tutti questi selettori vengono applicati ai tag input , agendo sul valore della proprietà ty-
pe , oppure, se presenti, di quelle readonly o disabled . Con un apposito markup che
ne faccia uso, il risultato è come quello visibile nella figura 4.5 . L'uso dei selettori sugli
attributi può consentire di personalizzare in maniera molto interessante un numero elevato
di controlli che, a seconda dei valori degli attributi, mostrano comportamenti diversi, come
quelli delle form.
Figura 4.5 - Una form con i selettori CSS all'opera.
Questi selettori possono essere applicati a qualsiasi tipo di tag e sono molto potenti, perché
consentono di identificare facilmente un elemento, associando uno stile al cambio del rela-
tivo stato, evitando, ancora una volta, di fare uso di JavaScript per applicare una formatta-
zione.
I selettori combinati
La vera potenza dei selettori risiede nella possibilità di combinarli tra di loro, così da creare
complesse catene. Se avete dimestichezza con jQuery , sappiate che quest'ultimo utilizza i
selettori di CSS, quindi troverete molte affinità tra quanto avete eventualmente già fatto e
quello che andremo a introdurre in questa parte del capitolo. Molti dei concetti qui espressi
non sono novità assolute di CSS3, ma è con CSS3, e i browser che ne supportano le spe-