如何使用离子框架显示项目符号列表？

Question

使用ionic来构建应用程序,我需要显示一个实际的项目符号列表:

• 第1项
• 第2项
• 第3项

但是,看起来框架会执行某种CSS重置/魔术<ul>和<li>元素,这样它们只能用作结构元素(例如列表)而不是UI.

我最终创建了自己的unordered-listCSS样式,以便为我提供所需的UI.这是自己动手做的正确方法 - 还是离子有一些深藏在我内心深处的CSS风格吗？

ty提前.

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;
}