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