list-style-image未在.accordion .accordion-title中正确应用

时间:2015-01-13 04:06:57

标签: html css html5 css3

我正在尝试应用此CSS属性:

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

this pageh3.accordion-titlediv.accordion内的每个btn_menos.png。我的想法是这样的:

enter image description here

LI项目获取图像并且在悬停时图像更改为另一个图像更改为一个名为{{1}}的人说,但我无法让它工作,就像您在页面上看到的那样。我做错了什么?有什么建议? Ic如何实现这一目标?

注意:我无法更改项目的HTML生成方式,因此需要使用该标记

1 个答案:

答案 0 :(得分: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
}