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

Check out this link "http://stackoverflow.com/questions/2587669/can-i-use-the-after-pseudo-element-on-an-input-field", as quoted from this link

:after and :before are not supported in Internet Explorer 7 and under, on any elements.

It's also not meant to be used on replaced elements such as form elements (inputs) and image elements.

In other words it's impossible with pure CSS.

/* * The trick is here: * this selector says "take the first dom element after * the input text (+) and set its before content to the * value (:before). */

input#myTextField + *:before {
       content: "