Comments on: Rounded fieldset in Firefox

By: BlackMagic

BlackMagic — Fri, 29 May 2009 02:34:12 +0000

The solution for Chrome is:
-khtml-border-radius: 7pt;

I'm still looking for an IE7 solution.

By: BlackMagic

BlackMagic — Fri, 29 May 2009 01:43:57 +0000

IE7 has fieldset rounded corners, but not if you specify a background color or a background border width. This works:
fieldset {
border-style: groove;
border-collapse: separate; }

But this gives square corners:
fieldset {
background-color:    #6495ED;
border-style:    groove;
border-collapse: separate;
border-width:    0.2em; }

Since I want a rounded corners, a background color and a border width I'm still looking for a solution for IE7. Any bright ideas anyone?

By: BlackMagic

BlackMagic — Fri, 29 May 2009 01:28:57 +0000

I'm using IE7 and it doesn't have fieldset rounded corners by default. -moz works on Prism 1.0 and FF 3.0 but not on Chrome.

Does anyone have a solution for IE7 or Chrome?

By: Demo

Demo — Mon, 11 May 2009 02:16:32 +0000

But it seems not working in Google Chrome...

By: Dave

Dave — Thu, 27 Nov 2008 14:07:02 +0000

I don't know how I could possibly answer the question better. I showed how to do it in FF, and IE does it by default. Therefore, it works in both browsers simultaneously. The end. Maybe I'm misunderstanding you.

By: Guest

Guest — Thu, 27 Nov 2008 11:19:36 +0000

What a rubbish response. Did you even read the question? Everyone knows what how to get rouded corners in IE, and how to get them in FF - the big question is hot to get them working for both browsers simulteniusly..

By: Dave

Dave — Thu, 03 May 2007 12:09:38 +0000

IE has rounded corners by default.

By: Micio

Micio — Thu, 03 May 2007 09:11:30 +0000

Yup in FF it works great! but then again... squares in IE7 (didnt test below)
And soo the story starts at the beginning... How do I get rounded fieltset in IE and FF :D

Thanks for the post!

By: Dave

Dave — Thu, 04 Jan 2007 17:37:42 +0000

This should work perfectly:


content

It should render correctly below:

content

By: Emilio

Emilio — Wed, 03 Jan 2007 23:28:19 +0000

Does not do it in my test page. I have a fieldset as a direct child of the body tag, i.e. it is not wrapped by div or p or anything. Within the fieldset I defined a form and a table.

even with the -moz thing in the fieldset CSS thing does nothing to change the appearance. Planned to use it on my website http://www.FocusOnPanama.com/ but no luck yet