如何让无序列表在阅读和编辑模式下显示一样，用了css片段后就不一样了（已解决）

疑问解答
1

请仔细说明自己遇到的问题，以下是参考模板。这里不要求非得按模板发帖，但内容中包含相关要素能让大家更好地帮助你。

遇到的问题

仔细叙述你的问题。最好附上自己使用的 Obsidian 版本及环境。

预期的效果

你认为没有问题时应该是怎样的。这里最好描述你的本质需求，而非解决方案。比如渴了是需求，但研究出一杯饮料来解渴并不是需求。

已尝试的解决方案

尝试了怎样的解决方法，为什么行不通等等。

Snipaste_2025-01-10_11-46-20
Snipaste_2025-01-10_11-46-20891×232 4.63 KB

Snipaste_2025-01-10_11-46-26
Snipaste_2025-01-10_11-46-26866×215 4.72 KB

2 
:root {
  /*  --bullet-new-color: Orange; */
  --bullet-new-color: rgb(89, 89, 89);
}

.markdown-source-view.mod-cm6 .HyperMD-list-line-1 .list-bullet:after,
.markdown-reading-view .has-list-bullet .list-bullet:after {
  /* Bullet */
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: var(--bullet-new-color);
}

.markdown-source-view.mod-cm6 .HyperMD-list-line-2 .list-bullet:after,
.markdown-reading-view .has-list-bullet .has-list-bullet .list-bullet:after {
  /* Hollow Bullet */
  height: 4px;
  width: 4px;
  background-color: Transparent;
  border-color: var(--bullet-new-color);
  border-style: solid;
  border-radius: 50%;
  border-width: 1px;
}

.markdown-source-view.mod-cm6 .HyperMD-list-line-3 .list-bullet:after,
.markdown-reading-view
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .list-bullet:after {
   /* Bullet */
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: var(--bullet-new-color);
}

.markdown-source-view.mod-cm6 .HyperMD-list-line-4 .list-bullet:after,
.markdown-reading-view
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .list-bullet:after {
    /* Hollow Bullet */
  height: 4px;
  width: 4px;
  background-color: Transparent;
  border-color: var(--bullet-new-color);
  border-style: solid;
  border-radius: 50%;
  border-width: 1px;
}

.markdown-source-view.mod-cm6 .HyperMD-list-line-5 .list-bullet:after,
.markdown-reading-view
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .list-bullet:after {
    /* Bullet */
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: var(--bullet-new-color);
}

.markdown-source-view.mod-cm6 .HyperMD-list-line-6 .list-bullet:after,
.markdown-reading-view
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .list-bullet:after {
  /* Hollow Square */
  height: 4px;
  width: 4px;
  background-color: Transparent;
  border-color: var(--bullet-new-color);
  border-style: solid;
  border-radius: 0%;
  border-width: 1px;
}

.markdown-source-view.mod-cm6 .HyperMD-list-line-7 .list-bullet:after,
.markdown-reading-view
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .has-list-bullet
  .list-bullet:after {
    /* Hollow Bullet */
  height: 4px;
  width: 4px;
  background-color: Transparent;
  border-color: var(--bullet-new-color);
  border-style: solid;
  border-radius: 50%;
  border-width: 1px;
}
3

下面是论坛上复制来用的css，用了之后编辑模式就没法和阅读模式一样了