<ol> 数据导出时不符合预期答案

【问题标题】：<ol> are not as expected when the data is exported<ol> 数据导出时不符合预期
【发布时间】：2017-11-03 11:51:56
【问题描述】：

我使用下面的 css 代码在我的网页中显示有序列表。我已将内容导出到 PDF，然后 PDF 中的有序列表显示不同，如下图链接所示。

 ol {
    counter-reset: item;
}
ol li { display: block }

ol li:before {
content: counter(item) ". ";
counter-increment: item;
font-weight: bold;
}

请查看工作演示：https://plnkr.co/edit/zz6ep51k9ZX1THDDZ8Gj?p=preview 单击导出按钮时，我们可以看到数据已导出并生成 PDF。在生成的 PDF 中，我们可以注意到有序列表未按应有的方式正确显示。任何输入都会有所帮助。

【问题讨论】：

【解决方案1】：

ol{
  list-style: none;
}
@media print{
  ol{
    list-style: decimal;
  }
}

<ol>
<li>test1</li>

<li>test1</li>
<li>test1</li>

</ol>

【讨论】：

它不适用于您建议的代码。请找到更新后的演示 plnkr.co/edit/zz6ep51k9ZX1THDDZ8Gj?p=preview 。单击导出按钮时，内容将导出为 PDF，您可以注意到在 PDF 中
对不起，我现在很困惑。它必须显示网页上显示的数字 1 2 3，因为我有
哦，我认为是我使用的css代码 content: counter(item) ". " 。我不想显示该文本。我想显示网页上显示的编号选项:(。任何输入@内容：计数器（项目）“。”；
w3.org/Style/Examples/007/color-bullets.en.html ，请参阅该链接中的彩色列表编号主题。我希望在导出的 PDF 中使用
你试一下@media print {}你的ol列表样式：十进制