React中dangerouslySetInnerHTML的list-style-type失效问题求助

问题大概率是全局样式重置、父容器布局限制，或是内联样式优先级不足导致的，给你几个直接可行的处理办法：

• 强制内联样式覆盖
  直接在外部HTML的列表标签上加带!important的内联样式，强制覆盖全局的重置规则：

  <!-- 无序列表 -->
  <ul style="list-style-type: disc !important; padding-left: 2em;">
    <li>列表项1</li>
    <li>列表项2</li>
  </ul>
  
  <!-- 有序列表 -->
  <ol style="list-style-type: decimal !important; padding-left: 2em;">
    <li>有序项1</li>
    <li>有序项2</li>
  </ol>
  

  加padding-left是因为很多全局样式会清空列表的默认内边距，导致符号被容器切掉，2em是浏览器默认的内边距尺寸，可按需调整。

• 在外部HTML里嵌入