Sviluppa php, Marco Pilolli programmatore php

Information

This article was written on 18 Mar 2014, and is filled under Blog, Phpinfo.

Current post is tagged

, , , , ,

Modificare il font del placeholder nei campi input

In Html5 è possibile nei campi input aggiungere un testo dentro al campo descrittivo, usato di solito per spiegare il campo, tipo: Scrivi qui il tuo nome.

Questo attributo del campo input si chiama placeholder e la sintassi è: <input type=”text” name=”nome” placeholder=”Inserisci il tuo nome”>

Ora questo valore è modificabile via CSS e la sintassi è:

::-webkit-input-placeholder {
font-family: Arial;
font-size: 20px;
}

:-moz-placeholder { /* Firefox 18- */
font-family: Arial;
font-size: 16px;
}

::-moz-placeholder {  /* Firefox 19+ */
font-family: Arial;
font-size: 16px;
}

:-ms-input-placeholder {
font-family: Arial;
font-size: 16px;
}

 

Lascia un commento