html - 列表样式图像在 .accordion .accordion-title 中未正确应用

Question

我正在尝试应用这个 CSS 属性:

.accordion .accordion-title {
    list-style-image: url("images/btn_mas.png") !important;
}

在 this page 上 div.accordion 内的每个 h3.accordion-title .这个想法是有这样的东西:

在 LI 元素获取图像的地方，该图像在悬停时会随着另一个元素的变化而变化，让我们说一个名为 btn_menos.png 的元素，但我无法让它工作，正如您在页面上看到的那样。我做错了什么？有什么建议吗？ Ic 如何实现？

注意:我无法更改元素的 HTML 生成方式，因此需要使用该标记

Answer 1

您不能将 list-style-image 添加到 h3。这些是为 li 标签保留的。您应该做的是将图像作为 background 添加到包装该文本的 span 中，如下所示:

.accordion .accordion-title span {
    color: #868a8c;
    text-decoration: none;
    background: url(images/btn_mas.png) no-repeat 0px 8px; //add
    padding: 0 0 0 25px; //add
}