使用react和antd时候<ol><ul><li>标签无效

Question

在使用了antd样式，使用了reactjs的技术方案。

使用了<ol><li>却没有序号效果，请问这是什么原因呢？是不是因为需要样式初始化还是antd不支持。

首先我在全局css样式custom.less上定义了<ul><ol><li>几个标签的样式：

:global {
  ol {
    list-style-type:demical;
  }
  ol li {
    list-style-position:inside;
  }

  ul {
    list-style-type:disc;
  }
  ul li {
    list-style-position:inside;
  }

然后在react的js文件中使用：

<ol>
  <li>有权查阅任何一期财务报表。</li>
  <li>如对基金收付有疑义，有权提出并获解答。</li>
  <li>有权拒绝将本驴本次活动余款上交基金。</li>
  <li>有权提出基金所涵括用途的任何一项费用申请，但须服从动用程序产生的结果。</li>
  <li>有权对基金正常动用的结果提出自己的看法和建议， 但不影响管委会对该次动用的判断结果。</li>
  <li>有权对基金紧急动用的结果提出自己的看法和建议，但不影响管委会对该次动用的判断结果。</li>
</ol>

Answer 1

2022 年了，我也碰到这个问题。

原因是 antd 将 <li> 设置为 display: flex; 但是 list-style-type 只有 display: list-item; 时才会生效

Answer 2

mark一下，求答案