Question

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

我错过了什么？列表样式是否在＆lt; li＆gt;上进行。或者在＆lt; ul＆gt;类？

Answer 1

list-style继续<ul>课程。

ul { list-style: none; }

Answer 2

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

看看你的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;
}

您的列表元素有一种自定义项目符号，其形式为background-image白色项目符号和padding-left 1.5em

Answer 3

尝试在列表中使用list-style-type

ul { list-style-type:none; }

Answer 4

这里有一些jQuery会为你删除子弹：

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

如果你想在页面中添加一个css样式表：

ul.viewsCycle-processed { background:transparent !important; }
ul.viewsCycle-processed li { background:transparent !important; }

Answer 5

尝试：

list-style: none;

on <ul>

Answer 6

添加到RamboNo5的答案：

ul.menu li, .item-list ul li, li.leaf {
    background: none;
}

解决了这个问题。子弹不是浏览器生成的，而是背景图像。

Answer 7

实际上，假设您要将子弹保留在左侧菜单中...如果您查看style.css?b css文件，在/* lists */下并删除此行，则会解决问题（这是一个重复和覆盖所有其他样式）

ul li {
 background:transparent url(images/menu-leaf.gif) no-repeat 1px .4em;
 list-style-image:none;
 list-style-type:none;
 margin:0;
 padding:0 0 0 1.5em;
}

Answer 8

列表样式位于标记<ul>。

Answer 9

ul{
list-style:none;
}

您可能必须从li中删除列表样式，在这种情况下使用：

无序列表项：

ul li{
  list-style:none;
}

或有序列表项目：

ol li{
list-style:none;
}

祝你好运

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

9 个答案: