如何在 Material-UI React 的无序列表中设置默认样式
How to set default styles in unordered lists in Material-UI React
我正在尝试复制 a simple blog from markdown with Next.js and Material-UI 但有些东西正在从无序列表中删除默认样式。
列表项（li HTML 元素）已设置 list-style: none; 并且没有填充。有序列表看起来正常并具有默认样式。
它在文档示例中的样子：
当我使用相同的内容和降价处理代码时得到的结果：
无论是直接在JSX中使用markdown内容还是ul/ol/li元素，问题依旧
In the documentation example, the code that reads markdown and transforms it 到 React 组件中似乎也没有改变样式。
糟糕，我在组件中有以下代码片段：
<GlobalStyles styles={{ ul: { margin: 0, padding: 0, listStyle: 'none' } }} />
这是覆盖默认样式。
它在我不再需要的旧组件中。
事实证明，鲁莽地覆盖全局样式会让人头疼。
我正在尝试复制 a simple blog from markdown with Next.js and Material-UI 但有些东西正在从无序列表中删除默认样式。
列表项（li HTML 元素）已设置 list-style: none; 并且没有填充。有序列表看起来正常并具有默认样式。
它在文档示例中的样子：
当我使用相同的内容和降价处理代码时得到的结果：
无论是直接在JSX中使用markdown内容还是ul/ol/li元素，问题依旧
In the documentation example, the code that reads markdown and transforms it 到 React 组件中似乎也没有改变样式。
糟糕，我在组件中有以下代码片段：
<GlobalStyles styles={{ ul: { margin: 0, padding: 0, listStyle: 'none' } }} />
这是覆盖默认样式。
它在我不再需要的旧组件中。
事实证明，鲁莽地覆盖全局样式会让人头疼。