ul的list-style设置无效,请高手帮忙!

圣殿骑士18 2019-09-09 08:05:27
要将ul下的li元素中的圆点去掉,网上的方法很明确,不管是百度,还是google,还是csdn,都查过。
原则上,就是设置style="list-style:none;"
可以设置在ul上,也可以设置在li上,就能够隐藏圆点。
简单如此:


但我在一个项目中,死活无法通过设置将圆点隐藏。尝试了太多方法,都不行:

尝试的方法有:
1、在引入的css样式表文件中注明
2、在运行起来的浏览器中,F12,直接修改dom,在style中增加list-style:none;,加ul中无效,加li中也无效
3、提高级别,list-style:none;改为list-style:none!important;无效
4、直接设置list-style-type:none;list-style-image:none;无效

google,在stackflow中也没找到答案。

我用的浏览器是chrome。

请大佬赐教。
...全文
1137 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
NANU-NANA 2019-09-12
  • 打赏
  • 举报
回复
引用 9 楼 圣殿骑士18 的回复:
[quote=引用 8 楼 NANU-NANA 的回复:]
[quote=引用 7 楼 圣殿骑士18 的回复:]
[quote=引用 6 楼 NANU-NANA 的回复:]
先确定是加在哪个元素上。

我眼睛没花吧,平时只见nana在水区活动呢[/quote]

哦。。。您是?[/quote]
吃瓜群众,吃瓜群众[/quote]

18年了,我竟没啥印象
圣殿骑士18 2019-09-11
  • 打赏
  • 举报
回复
引用 8 楼 NANU-NANA 的回复:
[quote=引用 7 楼 圣殿骑士18 的回复:]
[quote=引用 6 楼 NANU-NANA 的回复:]
先确定是加在哪个元素上。

我眼睛没花吧,平时只见nana在水区活动呢[/quote]

哦。。。您是?[/quote]
吃瓜群众,吃瓜群众
NANU-NANA 2019-09-11
  • 打赏
  • 举报
回复
引用 7 楼 圣殿骑士18 的回复:
[quote=引用 6 楼 NANU-NANA 的回复:]
先确定是加在哪个元素上。

我眼睛没花吧,平时只见nana在水区活动呢[/quote]

哦。。。您是?
圣殿骑士18 2019-09-11
  • 打赏
  • 举报
回复
引用 6 楼 NANU-NANA 的回复:
先确定是加在哪个元素上。

我眼睛没花吧,平时只见nana在水区活动呢
文盲老顾 2019-09-10
  • 打赏
  • 举报
回复
使用before实现列表前缀,比li好的地方在于,跨浏览器样式,因为li在不同浏览器里,list-style呈现差异较大,所以越来越多的人使用before来实现这个,甚至类似必填啦,验证提示啦,都有这么干的
圣殿骑士18 2019-09-10
  • 打赏
  • 举报
回复
惭愧,两位专家说的是,确实是伪类before的问题。之前对伪类没什么了解,没关注这点。css中删除了伪类的定义就好了

不过不知道作者是处于什么考虑,ul本身已经有了圆点功能,为什么自己还要去实现一个伪类,来替换<ul>默认的效果。
是为了在不同浏览器之间的一致效果么。
NANU-NANA 2019-09-10
  • 打赏
  • 举报
回复
先确定是加在哪个元素上。
天际的海浪 2019-09-09
  • 打赏
  • 举报
回复
先确定这个圆点是li元素的项目符号,也可能是背景图片或者::before伪元素。
文盲老顾 2019-09-09
  • 打赏
  • 举报
回复
或者,是a的?
文盲老顾 2019-09-09
  • 打赏
  • 举报
回复
也有可能是 li:before 设置的样式,你需要打开控制台看li的样式,是否有before、after之类的伪类样式

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧