Comments on: Style a fieldset with rounded corners using CSS

By: sikander

sikander — Tue, 20 Dec 2011 21:15:14 +0000

thanks a lot sir, things like this are not found every where and one thing i would like to add here that code should be downloadable that becomes easier
sikander´s last [type] ..sikander nawaz

By: Cascading Style Sheets Reference Links | kabayview.com

Cascading Style Sheets Reference Links | kabayview.com — Mon, 10 Oct 2011 13:54:10 +0000

[...] Style a Fieldset with Rounded Corners Using CSS – Virginia DeBolt [...]

By: vdebolt

vdebolt — Wed, 23 Jun 2010 20:36:22 +0000

Winka, It does work for fieldset in some browsers.

By: winka

winka — Wed, 23 Jun 2010 20:01:22 +0000

Thanks very usefull trick. It looks that broder-radius doesn’t work for fieldset, but works for legend. I already reported problem on broken fieldset border radius support.

By: vdebolt

vdebolt — Thu, 08 Apr 2010 12:16:34 +0000

It displays as a normal square cornered box, which is still usable and functional, right?

By: Sudhir

Sudhir — Thu, 08 Apr 2010 05:17:25 +0000

this css display only mozilla not an IE7

By: vdebolt

vdebolt — Sat, 27 Feb 2010 21:44:11 +0000

Thanks for the great tip, Lars. To bring what Lars is saying down to the level of the cascade, the rules should be ordered thus:
fieldset {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
which makes the W3C rule for CSS3 fall last in the cascade.

By: Lars Gunther

Lars Gunther — Sat, 27 Feb 2010 20:32:29 +0000

This is one of the things students always ask for, so keep sharing the knowledge.

I will give one additional tip. Put experimental features first and the standard rule last. Firefox current implementation differs from the W3C spec. When they get the real thing out, you do not want to have that overridden.

I have written about that at
http://itpastorn.blogspot.com/2009/06/do-not-put-experimental-features-last.html
.-= Lars Gunther´s last blog ..Högre kvalitet på webb-utbildningen på gymnasiet =-.