JQuery styledButton Plugin is an attempt to recreate Google’s imageless buttons and prove “that it doesn’t take a whole team of engineers and an endless cycle of code revision and quality control (their own words) to pull this off.” These buttons automatically adapt to padding and other styling you wish to use. To customize them, you just need to change a few CSS lines. All the display critical CSS rules are hidden deep inside the plugin. The buttons were tested with SPANs, although they should be applicable on any element. In order to preserver the semantic structure of the documents, all markup needed to render the buttons is nested inside the main element.

Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!