[CSS/Phonegap/Android] How to customize select tag


Salve a tutti,

oggi mi sono imbattuto in una situazione alquanto strana.
Avevo il bisogno di personalizzare il tag HTML select e ho iniziato ad eseguire la personalizzazione sul progetto iOS (xCode).
Una volta completata la personalizzazione, ho testato il tutto e funzionava una meraviglia.
Dopo aver portato la patch su progetto android la personalizzazione NON FUNZIONAVA PER NIENTE!!!!
Cercando un pò in giro (ben 25 minuti) ho trovato una proprietà del CSS che risolveva il problema.

select {
    -webkit-appearance: none; 
}

così facendo tutte le personalizzazione del tag select (come cambiare colore, font, inserire un background, ecc…) verranno accolte dal browser ed interpretate correttamente.

Spero servirà a qualcuno.

Ciauz



VI RICORDO CHE È TUTTO A SCOPO ILLUSTRATIVO.

NON MI ASSUMO NESSUNA RESPONSABILITÀ NELL’ USO CHE NE FARETE.

IO E I MIEI TUTORIAL NON NE SIAMO RESPONSABILI.

UTILIZZARE SOFTWARE CONTRAFFATTO E' UN REATO.

Licenza Creative Commons
Quest'opera è distribuita con Licenza Creative Commons Attribuzione - Non commerciale - Condividi allo stesso modo 4.0 Internazionale.

Ti è piaciuto il mio articolo? Ti piacerebbe offrirmi un caffè? Con PayPal è facile


Vincenzo

Vincenzo

Full Stack Web && Mobile Developer Un piccolo blog che ho reso libero come diario personale, se serve a me, potrebbe servire ad altri.

Lascia una recensione

avatar

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

  Subscribe  
Notificami