css - 如何使用 ionic 框架显示元素符号列表？

Question

使用 ionic 构建应用程序，我需要显示一个实际的元素符号列表:

• 元素 1
• 第 2 项
• 第 3 项

但是，该框架似乎对 <ul> 进行了某种 CSS 重置/魔法操作。和 <li>元素，这样它们应该只用作结构元素(例如列表)，而不是用作 UI。

我最终创建了自己的 unordered-list CSS 样式为我提供所需的 UI。这是自己动手的正确方法吗？或者 ionic 是否有一些 CSS 样式深深地埋在我的内心深处，我应该改用它？

提前联系。

Answer 1

只需覆盖重置即可。

ol, ul {
  list-style: none;
}

像这样(放在框架CSS之后的CSS中)

ul {
  list-style-type: disc;
}

最佳实践:在导航元素上设置一个类，即 ul。

<section>    
  <ul class="my-nav">
    <li>List item</li>
    <li>List item</li>
  </ul>
</section>

.my-nav {
  list-style-type: disc;
}