0

我在这个网站上使用了一个名为 collapse-o-matic 的 Wordpress 插件：antiskrid.dk。

我已经用 CSS Unicode 图形形状替换了用于展开/折叠的默认“触发器”背景图像，并且它在我所掌握的每台设备上的所有浏览器中都显示得非常清晰。

我的问题是，触发器在 PC 上的 Safari、iPad 上的 Safari + Chrome 和默认的 Android 浏览器中不起作用。

不过，该触发器适用于 Android 版 Chrome 和 iPhone 5 上的 Safari。

原始的 CSS 如下所示：

.collapseomatic {
background-image: url(images/arrow-down.png);
background-repeat: no-repeat;
padding: 0 0 10px 16px;
cursor: pointer;
}

.colomat-close {
background-image: url(images/arrow-up.png);
}

这当然适用于所有平台上的所有浏览器。

当我使用修改后的 CSS 时会出现问题：

.collapseomatic {
background-image: none;
padding:0;
}
.collapseomatic:after {
content:"\25BC";
}
.colomat-close {
background-image: none;
}
.colomat-close:after {
content:"\25B2";
}

我尝试了很多解决方法，但没有任何运气，我真的很想在没有背景图片的情况下完成这项工作。

有什么建议为什么会发生这种情况以及如何使它正常运行？

4

0 回答 0