Simple, google inspired form input styling

Posted Jul 13, 2011 | ~1 minute read

Inspired by Google's recent approach to form inputs, i've come up with my own (very simple) form styling. It's not meant to be anything special, but i would love to think you'll use this to base your input styling...

form input,
form textarea
    border: 1px solid #ddd;
    border-top: 1px solid #bbb;
    padding: 4px;
    font-size: 14px;
    color: #555;

This creates something like this : (notice the slightly heavier line at the top of the field)