如何使 <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>

可以看到第一项可以正常expanded/collapsed，但是第二项一直处于打开状态，无法交互

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

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

编辑： 如果您需要答案，请使用此 Fiddle：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.

如何使 <ul> 充当 <ol>（用数字代替项目符号）？

How to make an <ul> act as an <ol> (with numbers instead of bullets)?

html

css

jquery

kendo-ui

kendo-panelbar