Selettore CSS per <input type = "?"

C'è un modo con i CSS per indirizzare tutti gli input in base al loro tipo? Ho una classe disabilitata che uso su vari elementi del modulo disabilitati e sto impostando il colore di sfondo per le caselle di testo, ma non voglio che le mie caselle di controllo ottengano quel colore.

So di poterlo fare con classi separate, ma preferisco usare CSS se possibile. Sono sicuro di poterlo impostare in javascript ma di nuovo alla ricerca di CSS.

Sto prendendo di mira IE7 +. Quindi non penso di poter usare CSS3.

modificare

Con CSS3 sarei in grado di fare qualcosa del genere?

INPUT[type='text']:disabled sarebbe ancora meglio sbarazzarsi del tutto della mia classe ...

modificare

Ok grazie per l'aiuto! Quindi ecco un selettore che modifica tutte le caselle di testo e le aree che sono state disabilitate senza richiedere l'impostazione di classi, quando ho iniziato questa domanda non avrei mai pensato che fosse possibile ...

INPUT[disabled][type='text'], TEXTAREA[disabled]
{   
    background-color: Silver;
}

Funziona in IE7

Sì. IE7 + supporta i selettori di attributi:

input[type=radio]
input[type^=ra]
input[type*=d]
input[type$=io]

Input di elemento con tipo di attributo che contiene un valore uguale a, inizia con, contiene o finisce con un determinato valore.

Altri selettori sicuri (IE7 +) sono:

• Genitore> figlio che ha: p > span { font-weight: bold; }
• Preceduto da ~ elemento che è: span ~ span { color: blue; }

Che <p><span/><span/></p>ti darebbe effettivamente:

<p>
    <span style="font-weight: bold;">
    <span style="font-weight: bold; color: blue;">
</p>

Ulteriori letture: compatibilità CSS del browser su quirksmode.com

Sono sorpreso che tutti gli altri pensino che non si possa fare. I selettori di attributi CSS sono qui già da un po 'di tempo. Immagino sia ora di ripulire i nostri file .css.

Purtroppo gli altri poster hanno ragione sul fatto che tu ... in realtà come corretto da kRON, stai bene con il tuo IE7 e un documento rigoroso, ma la maggior parte di noi con i requisiti di IE6 è ridotta a JS o riferimenti di classe per questo, ma lo è una proprietà CSS2, solo una senza un supporto sufficiente dai browser IE ^ h ^ h.

Per completezza, il selettore del tipo è - simile a xpath - del modulo [attribute=value]ma esistono molte varianti interessanti. Esso sarà essere molto potente quando è disponibile, buona cosa da tenere in testa per IE8.

• riferimento w3

• riferimento al supporto del browser

Puoi farlo con jQuery. Usando i loro selettori, puoi selezionare per attributi, come il tipo. Ciò, tuttavia, richiede che i tuoi utenti abbiano Javascript attivato e un file aggiuntivo da scaricare, ma se funziona ...

Spiacenti, la risposta breve è no. I CSS (2.1) marcheranno solo gli elementi di un DOM, non i loro attributi. Dovresti applicare una classe specifica a ogni input.

Peccato lo so, perché sarebbe incredibilmente utile.

So che hai detto che preferiresti CSS a JavaScript, ma dovresti comunque considerare l'utilizzo di jQuery. Fornisce un modo molto pulito ed elegante per aggiungere stili agli elementi DOM in base agli attributi.