通过CSS删除<ul>项目符号

Mik*_*ann 4 css jquery drupal

我是第一次通过Drupal的Views Cycle模块使用jQuery.我不是CSS专业人士,但我正在试图从这个页面上的旋转图像中删除子弹:http://shoshannabauer.com/

我错过了什么?列表样式是在<li>上还是在<ul>类上?

Sha*_*ard 16

list-style那张<ul>类.

ul { list-style: none; }
Run Code Online (Sandbox Code Playgroud)

  • 这是一篇很棒的文章,我总是在这个主题上引用:http://www.alistapart.com/articles/taminglists/ (2认同)

Ram*_*No5 5

编辑:肖恩是对的.这就是左侧导航中子弹的原因.

看看你的css,你有一张子弹的图像.

li.leaf {
    background:transparent url(images/menu-leaf.gif) no-repeat scroll 1px 0.4em;
    list-style-image:none;
    list-style-type:none;
    margin:0;
    padding:0 0 0 1.5em;
}
Run Code Online (Sandbox Code Playgroud)

您的列表元素有一种习俗子弹中的形式background-image白色子弹和padding-left1.5em


Jim*_*ert 2

这里有一些 jQuery 可以为你删除项目符号:

$(document).ready(function(){
     $('ul.viewsCycle-processed').css({background:'transparent'}).find('> li').css({background:'transparent'});
});
Run Code Online (Sandbox Code Playgroud)

如果你想向页面添加 css 样式表:

ul.viewsCycle-processed { background:transparent !important; }
ul.viewsCycle-processed li { background:transparent !important; }
Run Code Online (Sandbox Code Playgroud)