Hide placeholder on :focus in webkit
In webkit, the placeholder doesn’t disapear on focus.
This line fixes the issue:
:focus::-webkit-input-placeholder{color:transparent;}
credits to Jeremy Benaim
Written by Jan Van Lysebettens
Related protips
2 Responses
Question for you, why would you want the placeholder to disappear on focus as opposed to when the user actual starts typing and thats when it goes away? and in firefox the placeholder doesn't disappear on focus either..
over 1 year ago
·
Big accessibility fail! Makes me sad to see this nonsense gets promoted by the official Coderwall twitter-account … :-(
over 1 year ago
·
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#