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

Question

我在使用 <summary> 标签时遇到问题。我的问题出在 Jupyter Notebook 中，但可以在此处重现。

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

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

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

如果我把它改成这样：

<details>

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

它显示了披露三角形，但它显示“详细信息”，并且 <summary> 是折叠文本的一部分。

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

Answer 1

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

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

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