html - content not working in firefox and internet explorer? -

html - content not working in firefox and internet explorer? -

i have simple css code works on chrome, not on net explorer , firefox, missing?

.removeicon{ content: url(../images/remove.png) no-repeat; display: inline-block; width: 25px; height: 25px; margin-left:5px; cursor: pointer; margin-top:9px; }

what cause of , how prepare it?

you want using background property rather content property.

.removeicon{ background: url(../images/remove.png) no-repeat; display: inline-block; width: 25px; height: 25px; margin-left:5px; cursor: pointer; margin-top:9px; }

the content property creating generated content on :before , :after pseudo elements, doesn't quite work in way you're using it. see http://css-tricks.com/css-content/

html css firefox