editormd编辑器列表圆点不显示

layui框架与editormd编辑器整合时的问题,测试中发现editormd编辑器无序列表圆点不显示?

在这里插入图片描述
在css样式中有这么一句:list-style:none ! 找到原因就好改了

在这里插入图片描述
这是layui框架layui.css中默认的,把这删了就好了,但是的话删掉可能会影响到别的东西,总之不太好

在这里插入图片描述
解决方案:在使用md编辑器的页面添加上list-style: unset; 如

#myeditor li{
    /* 使md编辑器中的li取消样式none   */
    list-style: unset;
}

这里用取消样式而不是写死list-style: disc;等等,这样就可以有层级关系

加上还不生效的话,可能页面中还存在list-style-type: none;这样的语句

注:list-style 是一个简写属性,包涵常见的list-style-type、list-style-position、list-style-image

选择删掉就好了,在页面li的css样式中一定可以发现的,要不然圆点不会无缘无故消失~
最终效果:
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值