如何使<ul>充当<ol>(用数字代替子弹)？

Question

这是一个不幸的问题,但我没有看到任何其他方法.

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

小提琴中的例子: 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;
}

这是一个小提示,向您展示结果.