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

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

>第1项
>第2项
>第3项

但是,似乎框架在< ul>上执行某种CSS重置/魔术.和< li>这些元素应该只用作结构元素(例如列表),而不是用作UI.

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

ty提前.

只是覆盖重置.

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;
}
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在,都有一个你没有努力的曾经。