使用 <summary> 标签时缺少显示三角形

Missing disclosure triangle when using the <summary> tag

我在使用

标签时遇到问题。我的问题出在 Jupyter Notebook 中，但它是可重现的 here.

当我在降价单元格中有以下内容时：

<details>
    <summary>Dropdown label</summary>
Hidden text
</details>

我得到的结果是“下拉标签”。单击单词将按预期展开以显示“隐藏文本”，问题是没有显示三角形来提醒用户这是一个下拉菜单。

如果我改成这样：

<details>

    <summary>Dropdown label</summary>
Hidden text
</details>

它显示了披露三角形，但显示的是“详细信息”，并且

是折叠文本的一部分。

如何让它显示正确的标签 和 披露三角形？

Normalize.less 样式正在删除三角形

我过了一会儿才意识到。显示三角形实际上是一种列表样式。该站点包含的 Normalize css 文件更改 <summary> 以显示为块，这会删除任何列表样式。确保摘要标签是 display: list-item 而不是块。

完整代码-

<details>
    <summary style="display:list-item">Dropdown label</summary>
Hidden text
</details>