参考
问题
通过参考《 editormd编辑器列表圆点不显示》这篇文章知道了为什么圆点不显示。
通过排查发现是因为引入的devui的样式重置了 ul、ol 的默认样式,导致圆点、序号不显示。
但是通过文章中的方法去修改css的时候,并没有生效。参考《Angular 中文网-组件样式》发现css样式在不同组件、页面之间是隔离开的,所以尝试把css样式写到 /styles.scss
文件中。
完整代码
- 项目目录下面的
/styles.scss
// https://blog.csdn.net/m0_47428652/article/details/108157805
// 解决 editormd li 的样式被覆盖的bug
#editormd ul, #editormd ol{
list-style: auto!important;
list-style-type: decimal!important;
}