In IE, how do I remove a filter?

CssInternet Explorer

Css Problem Overview


I have a class

.tab{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ffff', endColorstr='#e8f2f8');}

and when one of the tabs is selected I want to remove the filter:

.tab.selectedtab{/*what do I put here to remove the filter?*/}

Css Solutions


Solution 1 - Css

The answer is to set the enabled property of the filter like so:

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

Solution 2 - Css

I've only tried this in IE8, but it seems to do the trick:

filter: none;

Solution 3 - Css

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
filter: none;

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionKyleView Question on Stackoverflow
Solution 1 - CssKyleView Answer on Stackoverflow
Solution 2 - CssmetavidaView Answer on Stackoverflow
Solution 3 - CssSam JonesView Answer on Stackoverflow