Applying text-decoration on css generated content in IE

Question

It seems IE doesn\'t care for text-decoration: none; defined for a:before pseudo element (or pseudo class).

Here is a JS Fiddle: http://jsf

Answer 1

Not sure what standards say, but IE behavior seems to be more logical. Think of :before as an element inside of tag, not outside of it. Child's text-decoration property should have nothing to do with its parent's.

This workaround will work

http://jsfiddle.net/9N35f/4/

a link

a {
    text-decoration: underline;
}

span:before {
    content: ">";
}