How to style form elements unobtrusively with JavaScript and CSS?

Question

如何在包括IE6在内的所有浏览器中毫不费力地为元素设置样式

Answer 1

There are a few plugins that do what you want. Basically, you want to add special styling to forms via javascript + css, but want the form to function normally if javascript is disabled

Here are two such plugins, but I am sure there are more out there:

1. Uniform for jQuery on Github and The Overview
2. FancyForm for MooTools

Answer 2

This new plugin works pretty well and is more robust than uniforms. http://customformsjs.com/

Answer 3

为您的元素使用类名称 ，这些元素通常无法在CSS中应用样式。

Answer 4

So far i found this is best and works in IE 6+, safari 2+, firefox 2+

http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/
_{(source: blogfreakz.com )}

Answer 5

Use jQuery . Specifically the toggleClass function and then use CSS classes to style your forms. No plugin required. See jQuery Attributes Documentation .

If you want more styles, check out jQuery UI .