在具体化列表中显示项目符号[关闭]答案

【问题标题】：Show bullets in Materialize List [closed]在具体化列表中显示项目符号[关闭]
【发布时间】：2018-09-21 07:18:01
【问题描述】：

我目前正在使用 Materialize，但是在默认设置列表中（有序和无序）显示为没有项目符号的纯文本。

是否有解决方法来覆盖它并使它们看起来更自然？

【问题讨论】：

根据official documentation，使用 .browser-default 类将 UL、SELECT 和 INPUT 元素恢复为原始状态就足够了
@gantzer89 如果您使用诸如降价语法之类的开销，您无法在其中定义并且您的用户想要/期望默认的 HTML 行为怎么办？这个问题不应该被冻结。改变默认行为是不行的，Materialize 是一个很棒的包，虽然这个错误很严重，应该改变。
因为 Materialize 覆盖了许多默认的浏览器样式和元素，它提供了 .browser-default 类来将这些元素恢复为原始状态：您必须将其添加到 ul 元素，如此处所述：materializecss.com/helpers.html#browser-default

【解决方案1】：

因为你有list-style-type: none。强制您的 list-style-type 默认为 !important。

list-style-type: circle !important

【讨论】：

【解决方案2】：

我找到了答案，好像materialize 默认有list-style-type: none。所以我把它改成了正方形。

【讨论】：

【解决方案3】：

使用样式属性 list-style-type: initial; 和你的 <li> 标签

【讨论】：