Styling placeholder text in HTML5

Another quick tip for styling input elements in HTML5.  To style placeholder text, you can use the following CSS: ::-webkit-input-placeholder { color:#282218; } :-moz-placeholder { color:#282218; } That’s it!  I assume that, once it’s supported by more browsers, it will change to input-placeholder or just placeholder.  We’ll have to wait and see on that one.

Styling search input types in HTML5

For some strange reason, Safari likes to hijack the styles of an input with type=”search” in HTML5. It makes them appear all ‘Apple OS’ like. It can be very annoying, and until recently, I thought it was very un-avoidable. Fret not my dear CSS legends! You too can take back control and keep your forms...