列表样式图像不起作用

Question

我正在研究this site。我在左侧边栏上设置了侧边栏菜单小部件。

我给了侧边栏CSS如下

#menu-side1 > li {
    list-style-image:url('./images/aarow.png') !important;
}
.sub-menu li {
    list-style-image:url('./images/aarow1.png') !important;
}

我想要的结果是这样的：

但是给定的CSS没有显示。我不知道哪里出错了。请帮忙，谢谢！

Answer 1

更改列表项图标的位置，使其位于<li>：

中

#menu-side1 > li {
    list-style-image: url('./images/aarow.png') !important;
    list-style-position: inside;
}

Answer 2

尝试使用：

#menu-side1 > li::before {
    content: url('./images/aarow.png') !important;
}

这将允许您保留一行代码并使用它执行更多操作（例如，您可以在其中放入一些文本）