Hide placeholder text on focus

For webkit and Firefox

::-webkit-input-placeholder{
    color: #ccc;
    font-style:italic;
} 
:focus::-webkit-input-placeholder{
     text-indent: -999px
}
::-moz-placeholder{
    color: #ccc;
    font-style:italic;
}
:focus::-moz-placeholder{
     text-indent: -999px
}