CSS3: eseguire selettore se supporta le sue proprietà

[sevenjeak]

Sto utilizzando, per la mio nuova versione del sito, i css3, ma avrei un problema, ho un selettore contenente sia proprietà CSS2, che proprietà CSS3. Siccome non tutti i browser supportano al meglio i CSS3 ( esempio IE ) mi rimane il supporto al CSS2, ma con solo quelle proprietà l'elemento mi viene visualizzato in un modo poco gradevole, almeno dal mio punto di vista.

Detto questo, vi chiedo, esiste un modo tramite css, o in altro modo, per eseguire un'intero selettore, no solo una singola proprietà, solo se il browser supporta pienamente i CSS3?

[dreadnaut]

Non esiste, ma spesso puoi sistemare le cose in modo che se le regole css3 vengono ignorate, le regole rimanenti degradino decentemente.

Di solitosi tratta di specificare prima la visualizzazione con css2, e poi ripetere/sovrascrivere alcune proprietà con quelle css3, che verranno ignorate dai browser più vecchi.

[sevenjeak]

Aspetta..

Ora ti spiego meglio cosa dovrei fare, utilizzando i css3 ho modificato un select, togliendogli la freccia di default ( non so se mi spiego ) sostituita con una fatta da me, tramite l'attributo background, ed alla fine ho riordinato le varie spaziature tramite la proprietà padding, il risultato è questo:

select {
   -webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
   background:url(../image/select.gif) no-repeat right;
   padding:3px 18px 3px 8px;*
}

Ma in questo modo, con IE8 mi viene visualizzato ripristinato, visto che non supporta il css3 la freccia di default, con sotto l'immagine, cosa che non mi piace molto, come potrei fare, nel metodo che dici te, potrei far ignorare, ai vecchi browser, la regola background e padding?

Io in questi casi uso questo codice che funziona

esempio

<!--[if lte IE 8]>
  <style type="text/css">
  select {
    background-image: none;
    }
  </style>
<![endif]-->

Poi ovviamente inserisci le proprietà che ti servono.

[sevenjeak]

Più che altro questo a me mi servirebbe eseguirlo all'interno di un file css, ma credo che anche questo mi andrà bene, visto che ho notato altri problemi di visualizzazione, oltre al select, nel mio foglio di stile, ci dovrei pensare.

@dreadnaut: Per lo sfondo, che IE me lo visualizza sotto la freccetta di default del select ho risolto mettendo un doppio sfondo ( background:url(..), url(..) ) che IE non mi può interpretare, ma per il padding, non esiste una proprietà dei css3 anche per lui?

[dreadnaut]

Come suggerito da australiafever, se devi fare qualcosa per IE e basta, includi un css apposta via commenti condizionali. Non puoi metterlo dentro un css, ma puoi usarlo per caricare un foglio di stile in più per IE.

[sevenjeak]

Ok, allora credo che faro proprio come dice lui, grazie a tutte e due per l'aiuto.