如何使 <ul> 充当 <ol> （使用数字而不是项目符号）？

Question

这是一个不幸的问题，但我没有看到任何其他解决方法。

基本上，我使用 Kendo UI 面板栏来创建可扩展列表。问题是，当您使用 <ol> 作为子列表时，面板栏功能不起作用。

Fiddle 中的示例： http://jsfiddle.net/b3y62uzr/2/

HTML：

<ul id="panelBar1">
    <li>
        Item 1
            <ul>
                <li>Sub Item 1</li>
                <li>Sub Item 2</li>
            </ul>
    </li>
    <li>Item 2
            <ol>
                <li>Sub Item 1</li>
                <li>Sub Item 2</li>
            </ol>
    </li>
</ul>

可以看到第一项可以正常展开/折叠，但第二项始终处于打开状态，无法交互。

在我的应用程序中，我需要对展开部分中的子列表进行编号，而不是项目符号。 （我修改了 Kendo Panelbar 样式以显示项目符号）。

所以问题是：是否可以让<ul> 使用数字而不是项目符号？

编辑：如果您想获得答案，请使用此小提琴：https://jsfiddle.net/1h2kLqu4/1/

Answer 1

是的，您可以在无序列表上使用list-style-type CSS 属性。

你可以这样定位它：

ul li{
    list-style-type: decimal;
}

Here is a fiddle showing you the result.