Hello,

I have set up the htc and have working across my project. However we have a requirement to allow our clients to customize their theme (assorted page elements across the site). The css that they use to overwrite their theme is a subset of the overall style sheet, and we currently use background-color: new color !importnant to gaurentee the color overrides correctly.

I understand pie.htc cant handle this. So I am looking looking for any solution where I can override the color once its be defined by the initial stsyle sheet.

Help me understand your situation a little more. Are your PIE'd styles that you want to override using the normal CSS background properties, or -pie-background?

If the former, then I think the !important override should get picked up just fine.
If the latter, I'm not sure if IE honors !important in unrecognized property values or not. It's very possible not, in which case I don't think there's anything PIE can do about it. Can you just make sure the override rule has a selector with higher specificity?

we are using

.navBar { background-color: #f00; }

in our global style sheet

than for clients that wasnt to customize the colors to their corporate colors we use a second css file. The custom stylesheet would have

.navBar { background-color: #0f0 !important; }

what happens is the div no longer has the curved look. you can see all the divs added, but all now have the !important override color as the background.

Currently we are using pie for non customized elements and jquery corners for the elements that need to be customized.

I am seeing the exact same behavior. The !important on the background color causes pie to not do the border-radius on the same element.

Is there a workaround?

I think I see what's going on. Can you try the following please:

In your PIE_uncompressed.htc, find the following:



Change it to add !important in the backgroundImage and backgroundColor styles:



This should hopefully give it higher importance than your authors' !important style. Let me know if that works.

That did not work. IE says "invalid argument".

Hmm, nuts.

I've opened this problem as issue http://github.com/lojjic/PIE/issues/issue/81 and will look into it further when I have a chance.

In the meantime, is it possible for you to simply use a selector with higher specificity in your clients' CSS? Or rely on the client CSS being loaded later so it takes precedence?