Question

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

基本上，我使用Kendo UI面板栏来创建可扩展列表。问题是，当您使用<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;
}

Here is a fiddle showing you the result.

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

1 个答案: