Follow these steps to use the Uniform plugin to gain styling control over your form elements:
Let's get the Uniform plugin and take a look at how that works. Head over to http://uniformjs.com/ and click on the big Download Uniform button.
Unzip the folder and take a look inside.
This is pretty straightforward, right? Some styles, a demo, some images, and two versions of the Uniform plugin—one minified and one not. We've seen this before.
By default, Uniform comes with a default stylesheet and images. However, other styles are available. Back on
uniformjs.com
, if you click on Themes in the navigation, you'll see the themes that are currently available. I really like the look of Aristo, so I'm going to download that.This gets me a simple ZIP file with just some css and images inside:
Next, we need to get these files into our own project and attached to our HTML page. Let's start with the JavaScript. Copy
jquery.uniform.min.js
to your own...