If you've tried styling web forms with CSS, then you've probably discovered that some form elements, like text inputs and buttons, are pretty easy to style. There are a few quirks, but once you get those figured out, you can get those form elements looking just about any way you'd like. Other form elements, however, are much more stubborn and don't respond much, if at all, to CSS styles. It's so frustrating to design a lovely form only to realize that it's technically impossible.

These troublesome form elements are:

<select>
<input type="file">
<input type="checkbox">
<input type="radio">

Not only are these four form elements impossible to style with CSS, they also look radically different from one browser and operating system to another, leaving us with little control over the appearance of our form. Let's see how Pixel Matrix's Uniform plugin can help us out.