0

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

4
Contributors
6
Replies
8
Views
5 Years
Discussion Span
Last Post by JorgeM
0

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

0

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.

0

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

0

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.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.