IE crossing out pseudo element CSS?

Question

I\'ve been trying to get a few pseudo elements to work on IE, but it just doesn\'t let me.

It crosses out the CSS and acts like it\'s not there, which kinda aggrevat

Answer 1

As I had the same problem with Material Font and IE11 and could not solve it with the above solutions, I looked further:

The documentation of the material design icons mentions to use



for browsers not supporting ligatures. The codepoints for each item are listed here: https://github.com/google/material-design-icons/blob/master/iconfont/codepoints

The problem with :after elements is that HTML in the content-Tag is rendered as plain text showing the &#x.. so you have to use the \ escape as following:

content:  "\e5c5";