Actually, this issue was involved with IE not rendering the styles which had the !important
attribute added. My issue was mainly using Font Awesome/Bootstrap's Font Glyphs with IE. I found a font from Adobe called Adobe Blank. This font is a clear font which takes up no visual space unless the user styles are overridden. Here is a link to the font.
Override user-defined stylesheet in IE
-
21-07-2023 - |
Vra
I am trying to override a user defined stylesheet in IE. Specifically, font awesome icons and glyph icons do not show in any version of IE if the user loads their own style sheet for accessibility. I have tried including the !important value where needed but this doesn't take effect. I have also added a JS function to add inline styling with the font-family and !important with no success.
In the IE inspector, I can see that the :before selector of the font awesome or glyph icon have the content attribute crossed out but there is nothing overriding that property.
Any ideas? Thanks in advance.
Oplossing
Gelisensieer onder: CC-BY-SA met toeskrywing
Nie verbonde aan StackOverflow