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

Recommended Answers

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 …

Jump to Post

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

Jump to Post

All 6 Replies

Member Avatar

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

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.

Member Avatar

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

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.

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

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

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.