CODEWITHSUNDEEP
htmlinternet-explorermozillacss
dpetters
dpetters

Reputation: 163

-moz-border-radius causes inline styles to be generated in IE8

I am adding rounded corners to my website by including the style attributes for the major browsers -

.optional{
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

When I load this up in IE8 though, the browser generates a bunch of inline styles, all of them overriding my previously defined styles. I do not want to add !important to all of these styles to keep them from being overridden.

Now, when I delete -moz-border-radius: 10px; everything works fine. I do not want to have to test that I'm not using IE and load a separate CSS file.

I have not been able to find anything online regarding this. Help much appreciated.

Upvotes: 0

Views: 1117

Answers (1)

seoul
seoul

Reputation: 864

IE8 does not support border-radius property.CSS compatibility-IE8 You have to use behavior property. You can find the required .htc file and documentation here: cross browser curved corner

Upvotes: 2

Related Questions