Member Avatar for 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

  • 4 Contributors
  • 6 Replies
  • 532 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by JorgeM
Member Avatar for mongoose25

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

Member Avatar for 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.

Member Avatar for mongoose25

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

Member Avatar for 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.

Member Avatar for ome2012

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

Member Avatar for JorgeM

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 developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.