To get rounded border for radio button in chrome

[VenusCrystal]

Hi,

Can anyone tell me how to get rounded border for radio buttons using css for chrome browser?
[like -moz-outline-radius for mozilla]

Thanks,
VC

You're on the right path. You just need to set the fieldset border. You can use border-radius: 2px;. Then set the border as needed (color, style, etc.) This will work in Chrome, Firefox, IE 7, IE 8, IE 9 Compatibility View & Opera. This will not work in IE 9 though.

Here's a link for styling forms: Click Here

[VenusCrystal]

Thank you.
But that doesnt seem to give rounded border for radio buttons. It works for divs.
I need extra rounded outline for radio buttons.

Please post your code snippet that uses the radio buttons and add comments so we can see what you are trying to accomplish.

[VenusCrystal]

Thanks for your answers.

I found the solution myself. I wrapped radio button within div tag and gave border-radius for div. It is working now.

[ome2012]

that's good for you..... ^_^ you can mark this as solved...

[JorgeM]

feel free to post your code to help others that may come accross this same issue.