要隐藏 summary 的标记，在 Firefox 中，可以设置 summary { display: block }，在 Chrome 和 Safari 中，可以设置 ::-webkit-details-marker {display: none;}。下面的实例使用 CSS 生成的内容来自定义标记。 - 在线编辑器

<style>
  summary {
    display: block;
  }

  summary::-webkit-details-marker {
    display: none;
  }

  summary::before {
    content: '\25B6';
    padding-right: 0.5em;
    color: grey;
  }

  details[open] > summary::before {
    content: '\25BC';
    color: grey;
  }
</style>

<details>
  <summary>一些细节</summary>
  <p>更多关于细节的信息。</p>
</details>
​x
 
<style>
  summary {
    display: block;
  }
​
  summary::-webkit-details-marker {
    display: none;
  }
​
  summary::before {
    content: '\25B6';
    padding-right: 0.5em;
    color: grey;
  }
​
  details[open] > summary::before {
    content: '\25BC';
    color: grey;
  }
</style>
​
<details>
  <summary>一些细节</summary>
  <p>更多关于细节的信息。</p>
</details>
​