html - 无法显示替换图标

Question

关于 this page (登录:admin | admin123)，我正在尝试用自定义图标替换当前图像。我已经打开相关的 CSS 文件并更新了新图像的文件路径，但它没有显示。我还注意到当前使用的图像有些奇怪。

这是我想要更改的图标之一:

这是我要替换的新图像:

我似乎不明白为什么开发人员决定使用下面的复杂图像，但这与使用的 CSS 一起似乎是我出现问题的原因。我了解一点 CSS，现在我已经花了 4 个多小时努力研究这个 CSS，但我一无所获。我什至无法显示图像的一部分。

This是负责显示图标的 CSS。对于这里发生的事情以及我如何实现我的目标的任何线索，我将不胜感激。

Answer 1

您需要做的就是在 css 文件中找到这一行，并将背景 url 更改为您的新图像

#examinations_button {
  background: #fff url(../../images/dashboard_buttons/<newimagename>.png) 0 0 no-repeat;
}

#examinations_button:hover {
  background: #fff url(../../images/dashboard_buttons/<newimagename>.png) 0    0 no-repeat;
}