Question

我无法将list-style-image应用于此页面中的所有UL列表：http://bit.ly/1nu8rlL

似乎是list-style-image：在Drupal网站上的另一个CSS文件中没有阻止这种情况。

当我在localhost上开发此页面时，它工作正常。我已经尝试了所有这些，包括内联样式，以将图像分配给列表样式。

#irctc-authorized-agent #irctc-list-2
{
    list-style-image:url(/sites/default/files/tbulletred.png);
}


#irctc-authorized-agent .irctc-list
{
list-style-image:url(/sites/default/files/tbulletred.png);
}

#irctc-authorized-agent ul{
list-style-image:url(/sites/default/files/tbulletred.png);
}

如何让它发挥作用？

编辑：不幸的是，甚至！重要的是不起作用。虽然在“已计算”属性中，浏览器正确显示已将其分配给图像，但我仍然在列表中看到与Chrome调试器here中相同的光盘。

Answer 1

CSS应该如下所示

#irctc-authorized-agent #irctc-list-1, 
#irctc-authorized-agent #irctc-list-3,
#irctc-authorized-agent #irctc-list-4,
#irctc-authorized-agent #irctc-list-5 {    
    list-style-image: url(http://www.utilitiesindia.com/sites/default/files/flower-bullet.png);
    }

但它被

覆盖了

ul li,
ul.menu li, 
.item-list ul li,
li.leaf {
    padding: 0 0 .2em 1.5em;
    list-style-type: none;
    list-style-image: none; /* here */ 
    background: transparent url(menu-leaf.gif) no-repeat 1px .35em;
}

无法应用列表样式图像

1 个答案: