Inputs - Nice CSS Styling for Buttons and Form Elements

A set of nice base styles for buttons and form elements, to aid prototyping web apps and the like.
Download v0.2.3 | Contribute on GitHub

<input type="submit" value="Submit Input" />

<button>Button Tag</button>

Anchor Button

<a href="#" class="button">Anchor Button</a>

<input class="small" type="submit" value="Small Submit Input" />

<ul class="button-group clearfix">
  <li class="first"><input class="small" type="submit" value="Nice" /></li>
  <li><input class="small" type="submit" value="Grouped" /></li>
  <li class="last"><input class="small" type="submit" value="Buttons" /></li>
</ul>

Add Anchor Button

<a href="#" class="small add button">Add Anchor Button</a>

<input class="small remove button" type="submit" value="Remove Submit Button" />

<input class="small confirm button" type="submit" value="Remove Submit Button" />

Download Anchor Button

<a href="#" class="small download button">Download Anchor Button</a>

Upload Anchor Button

<a href="#" class="small upload button">Upload Anchor Button</a>

<input class="small like icon button" type="submit" value="Like" />
<input class="small dislike icon button" type="submit" value="Dislike" />

<div class="lock-x">
  <input type="text" placeholder="Text field that fills width" />
</div>

<!-- .textarea-example has a set height, and positioned relatively -->
<div class="textarea-example">
  <div class="lock-x lock-y">
    <textarea placeholder="Locked to width" cols="100" rows="5"></textarea>
  </div>
</div>