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样式中一定可以发现的,要不然圆点不会无缘无故消失~
最终效果: