html - CSS attribute selector in IE7 Standards mode -

to make long story short: need override display:none!important on elements have display:inline set inline on html element itself.

this needs work in ie ie7 standards mode set.

have @ pastebin link details: http://pastebin.com/m06yxwhq result: http://cdpn.io/sgrjz

this works in ie9 ie9 standards mode (and other modern browsers too), no ie7 standards mode.

any appreciated!

i can't see way want in pure css, other fixing code remove mountains of bad practice have led down path in first place.

as presumably know, ie7 not support attribute selectors used in way you're scuppered on front, , other viable solution add class element , style (but if that, imagine you'd have done it).

beyond that, you're looking @ javascript solutions.

you try 1 of polyfill scripts add support newer css features old ie. either ie9.js or selectivizr. these 2 scripts pretty @ adding support css selectors old ie, you're doing here real edge-case, , not surprised @ if didn't cope it. give them try means, don't expect miracles.

given that, more manual approach might work better: if you're using jquery or similar library, should able select required elements pretty easily, , work there. (if you're not using jquery or library built-in selector engine you'll struggle, if you're supporting ie7 surprise hear you're not using jquery already)

but real message comes out of inline styles , css !important modifier bad practices , come bite you. , you've been bitten pretty hard.