Why :after does not work in IE8

Asked Jan 02 '15 at 07:15

Active Jan 02 '15 at 07:57

Viewed 79 times

I am trying to give the following style:

.myclass{content: "\2a";}

it works in all browsers except IE8.

In IE8 as well, it works on giving alerts.
I think its trying to apply style before the element is loaded. How do I deal with it?

I tried:

$(".myclass").append($('<style>.ui-icon-closethick:after { content: " *" }</style>'));

But, this also did not work.

edited Jan 02 '15 at 07:57

Barmar

asked Jan 02 '15 at 07:15

appy

can you please create fiddle or stack snippet ? – Vishal Sharma Jan 02 '15 at 07:18
Shouldn't it be `::after`? – Barmar Jan 02 '15 at 07:58
The jQuery won't work. ` – Barmar Jan 02 '15 at 07:59
@Barmar It was `:after` in IE 8, but IE 9 and up differentiate between pseudo-classes (`:`) and pseudo-elements (`::`). – Sampson Jan 02 '15 at 21:22

0 Answers0