Simple Cross-Browser Trick for Placeholders

Ian Ebden
By Ian Ebden ·

Looks like this article was written a while ago. Some of the ideas and techniques described may now be outdated. Just sayin’.
.csstransitions label {
	display: none;
}

Mark up your form – labels and all – and let Modernizr do the rest. Modernizr will add the .csstransitions class for modern browsers, which will then hide the labels. Internet Explorer and older browsers will still show your labels. Future versions of Internet Explorer are likely to support CSS transitions and placeholder, so everyone is happy.