html - 内容无法在Firefox和Internet Explorer中使用？

我有一个适用于Chrome的简单CSS代码，但不适用于Internet Explorer和Firefox，我缺少什么？

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

这是什么原因造成的，我该如何解决？

最佳答案

您可能希望使用background属性而不是content属性。

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

content属性仅用于在：before和：after伪元素上创建生成的内容，它不能以您使用它的方式工作。见http://css-tricks.com/css-content/

关于html - 内容无法在Firefox和Internet Explorer中使用？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26886484/