Brainleaf
Web Resources
CSS3

I form sono una parte fondamentale dell'interazione tra utente e applicazione web. Per questa ragione è fondamentale personalizzarne l'aspetto al meglio. Per questo abbiamo deciso di scrivere alcuni piccoli articoli che ci augriamo possando essre d'aiuto nella customizzazione dei form. Il primo aricolo riguarda i placeholders, un elemento abbastanza ostico da elaborare per chi è alle prime armi dell'uso del CSS.

Il placeholder è in sostanza un elemento che è possibile gestire con una pseudo-classe da applicare a input e textarea.
Ecco il codice:

    
        input::-webkit-input-placeholder {color: red}
        input:-moz-placeholder {color: red}
        input::-moz-placeholder {color: red}
        input:-ms-input-placeholder {color: red}
    

È importante sottolineare che le regole css devono essere ripetute ognuna con il proprio prefisso ed esatammente nell'ordine proposto. Questo perché ogni browser possa leggere esclusivamente la regola che lo riguarda senza essere influenzato da quelle destinati agli altri browser.

Firefox Warning!

Firefox assegna al placeholder un'opacità di 0.4 ::-moz-placeholder {opacity:0.4;} che potrà essere annullata specificando un valore 1

La regola :-moz-placeholder {} è deprecata dalla versione 19 di Firefox, quindi può anche essere eliminata se non desiderate supportare versioni precedenti.

Joomla SEF URLs by Artio