ul Class线型无法正常工作

用户3494604

我有一个无序列表,上面附加了一个css类标签,使用CSS附加到该类的每个属性都可以使用,除了“ list-style”属性。(基本上,我正在尝试使用自己的图像来获取项目符号,这通常是一个非常简单的任务,但目前实际上并非如此。

HTML代码:

<ul class="bullets">
    <li>The prices abo...</li>
    <br>
    <br>
    <li>The above t...</li>
    <br>
    <br>
    <li>If you wish ...</li>
    <br>
    <br>
    <li>Price is also depe...</li>
    <br>
    <br>
    <li>A white underb...</li>
    <br>
    <br>
    <li>If you w...</li>
</ul>

CSS代码:

ul.bullets li {
    font-size:12px;
    font-family:"Tw Cen MT";
    color:#000000;
    list-style:url('../images/bulleta.png');
}

就像我说的那样,CSS类中的每个属性都可以正常工作,除了该list-style:url('bulleta.png');属性之外,图像都已加载到服务器上,所以不确定为什么它不起作用,我尝试将类附加到ul以及附加到ul的名单。

有人看到我错了吗?谢谢您的帮助

car虫

它应该工作正常。看到这个小提琴确保缩进量ul足以看到图像(取消注释行即可看到效果)。

CSS:

ul
{
    //margin-left:100px;    
}
ul.bullets li
{
   font-size:12px;
   font-family:"Tw Cen MT";
   color:#000000;
   list-style:url('src');
}

HTML:

<ul class="bullets">
    <li>The prices abo...</li>
    <br><br>
    <li>The above t...</li>
    <br><br>
    <li>If you wish ...</li>
    <br><br>
    <li>Price is also depe...</li>
    <br><br>
    <li>A white underb...</li>
    <br><br>
    <li>If you w...</li>
</ul>

您可能还需要查看浏览器中的“网络”选项卡(通常会先打开dev工具CTRL SHIFT i),以确保确实在检索图像。

更新

根据您发送的链接,我可以看到正在发生的事情,它media='all'正在覆盖列表项的显示。

请注意,media=all显示内容将覆盖列表项。当我取消选择此样式时,将显示您的图像。

在此处输入图片说明

作为一个简单的解决方案,您可以添加display:list-item;ul.bullets liCSS将使用最指定的样式。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

PHP中的ul列表无法正常工作

来自分类Dev

无法在中心显示<ul>

来自分类Dev

无法在中心显示<ul>

来自分类Dev

UL(位于P内)内的ng-repeat无法正常工作

来自分类Dev

在<ul>上的jQuery .appendTo()在所有<ul>上工作,而不在指定的<ul>上工作

来自分类Dev

PHP-无法获得与<ul>相同数量的</ ul>

来自分类Dev

PHP-无法获得与<ul>相同数量的</ ul>

来自分类Dev

Django表单错误:<ul class =“ errorlist”> <li>语言<ul class =“ errorlist”> <li>输入值列表。</ li> </ ul> </ li> </ ul>

来自分类Dev

第n个孩子不在ul工作

来自分类Dev

无法从ul中删除多个li

来自分类Dev

<ul>元素在Firefox中无法正确呈现

来自分类Dev

KO Sortable:<ul>不够高,无法放入

来自分类Dev

无法浮动:在水平ul上左移

来自分类Dev

无法在Bootstrap 3的列内居中<ul>

来自分类Dev

无法使图像浮动到UL的右边

来自分类Dev

无法删除 <ul> 列表 CSS 前后的空格

来自分类Dev

无法解决 <ul> 和 <li> 的问题

来自分类Dev

CheerioJS, looping through <ul> with same class name

来自分类Dev

第一父母ul和第一李工作不正常

来自分类Dev

在ul内部使用ul

来自分类Dev

Rails 5 ActionCable 使用 DIV 工作,但不使用 UL

来自分类Dev

Sub ul无法使用float:left正确打开;

来自分类Dev

无法将ul li列表对齐到div的顶部

来自分类Dev

无法找出我的ul中的多余空间-简单的html

来自分类Dev

单击它们时无法在ul中打开我的href

来自分类Dev

提交表单期间无法访问<ul>和<li>

来自分类Dev

无法将ul li列表对齐到div的顶部

来自分类Dev

无法找出我的ul中的多余空间-简单的html

来自分类Dev

无法使用引导程序将<ul>居中于导航栏内部

Related 相关文章

热门标签

归档