IE9 fieldset rounded corners

Question

I cannot seem to make IE9 render a fieldset with rounded corners whereas other browsers do. Has anyone encountered this too ?

Answer 1

To get IE9 to use rounded corners(CSS 3) you have to add this to the HTML header:

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

Then use CSS as normal: border-radius-right-bottom:15px;

I had the same issue & this fixed it.

Answer 2

It is still problem under IE11 when using legend , and the solution is in this thread:

Rounded corners on a fieldset

 fieldset {
        margin:20px;
        padding:0 10px 10px;
        border:1px solid #666;
        border-radius:8px;
        box-shadow:0 0 10px #666;
        padding-top:10px;
 }  

legend {
        padding:2px 4px;
        background:#fff; 
    }


    fieldset > legend {
        float:left;
        margin-top:-20px;
    }
    fieldset > legend + * {
        clear:both;
    }

http://www.456bereastreet.com/archive/201302/fieldset_legend_border-radius_and_box-shadow/

Answer 3

its only working in latest rc build , aint working in beta version of IE9 try

.class {
 border-radius-right-bottom: 15px;
}