Clear HTML5 placeholder attribute text on focus in Chrome

input:focus::-webkit-input-placeholder 
{
    color: transparent;
}

input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{color:transparent;}

input:focus::placeholder,textarea:focus::placeholder{color:transparent;}

input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent;-webkit-text-fill-color: transparent;}

input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent;}