Rounded corners in buttons in IE

Question

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.com/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 components in my app. So is there any way to round buttons in IE ?

Answer 1

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.

Answer 2

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.com/project/corners

Answer 3

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.

Answer 4

This jQuery 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.

Answer 5

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