Question

我尝试通过在角落中显示一个图标并更改它来自定义Bootstrap（v3.3.5）折叠面板：打开/关闭图标片段。这是Bootply中的工作版本。

在我的情况下，我尝试从其他来源更改图标。问题是代码在Google Chrome上运行良好，但Firefox和InternetExplorer上没有显示图标/图像。

这是引导程序中的错误，还是可以轻松修复？

感谢。

Answer 1

您需要将content css属性与伪元素一起使用，而不是：

.icon-close {
    content: url("https://cdn0.iconfinder.com/data/icons/customicondesignoffice5/256/navigate-down.png");
}

尝试

.icon-close::before {
    content: url("https://cdn0.iconfinder.com/data/icons/customicondesignoffice5/256/navigate-down.png");
}

<强> Demo