I need to have rounded corners in buttons (input type submit), but I haven't found any JavaScript library that would do that. Currently I use .html to round other elements, but I doesn't round input buttons or li-elements. I prefer jQuery plugins, because I use jQuery to all other plugins and ponents in my app. So is there any way to round buttons in IE ?

I need to have rounded corners in buttons (input type submit), but I haven't found any JavaScript library that would do that. Currently I use http://blue-anvil./jquerycurvycorners/test.html to round other elements, but I doesn't round input buttons or li-elements. I prefer jQuery plugins, because I use jQuery to all other plugins and ponents in my app. So is there any way to round buttons in IE ?

• javascript
• html
• rounded-corners

• possible duplicate of Method to render rounded corners on form submit buttons – Dave Jarvis Commented Apr 12, 2012 at 22:38

6 Answers 6

The jQuery Corners plugin will fix buttons for you. It takes buttons, create anchor tags of them, and style them. This way, users without JS will only see the standard squared off button (and it will work perfectly), so it's no big loss...

I've used it myself, and it's easy to use.

You could fake it by making a rounded box with a link that submits the form. Of course, this wouldn't work with JavaScript disabled, so you'd have to watch out for that. Also, you could just use a background image that has rounded corners.

why not make a button using css? Essentially a linked graphic? One of the sites I work on we have a method that creates a button a specific format with the supplied text and location.

Try using DD_roundies, its a very efficient js code that can round anything, and supports hover also.

I use the following in my personal website (you can get the link from my profile) and it seems to work well:

• http://plugins.jquery./project/corners

Maybe Formwin works for you - exclusively rounds form elements, but it's a jQuery plugin and works with IE8 and above.