使用時缺少顯示三角形<summary>標簽</summary>

Question

<summary> 標簽有問題。 我的問題在 Jupyter Notebook 中，但在這里可以重現。

當我在 markdown 單元格中有以下內容時：

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

我得到的結果是“下拉標簽”。 單擊單詞將按預期展開以顯示“隱藏文本”，問題是沒有顯示三角形來提醒用戶這是一個下拉菜單。

如果我將其更改為：

<details>

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

它顯示了披露三角形，但它顯示“詳細信息”，並且 <summary> 是折疊文本的一部分。

如何讓它同時顯示正確的 label和顯示三角形？

Answer 1

Normalize.less styles 正在刪除三角形

我花了一點時間才意識到。 披露三角形實際上是一種列表樣式。 該站點包含的Normalize css 文件將<summary>更改為顯示為一個塊，這會刪除任何列表樣式。 確保摘要標簽是display: list-item而不是 block。

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