从摘要 HTML 中删除箭头

Question

有没有办法移除箭头，只留下我的自定义图像和 HTML 中的摘要代码？

这是我使用的代码：

<center>
<h1>
PASCAL LOTA</h1>
<details>
  <summary><img src="https://1.bp.blogspot.com/-Gqx6lkmLq_k/XoiKBHj5L9I/AAAAAAAAAi8/gohuLTm_RI8mHLSn5acQTeonA7RYSGyrwCLcBGAsYHQ/s1600/System%2Brequirements.png" /></summary>
   - by Refsnes Data. All Rights Reserved.<br />

  All content and graphics on this web site are the property of the company Refsnes Data.<br />

</details>
</center>

谢谢！

Answer 1

您可以通过将标记的 CSS 属性更改为不显示来使其消失。所以箭头的名称是 details-marker，我们设置它的 display:none 以阻止它被绘制。 编辑：我添加了一些代码来阻止<summary> 在点击时突出显示蓝色，我认为它很难看所以我修复了它。

<style>
summary:focus {
outline:none !important
}
details > summary::-webkit-details-marker {
display:none;
}
</style>
<center>
<h1>
PASCAL LOTA</h1>
<details>
  <summary><img src="https://1.bp.blogspot.com/-Gqx6lkmLq_k/XoiKBHj5L9I/AAAAAAAAAi8/gohuLTm_RI8mHLSn5acQTeonA7RYSGyrwCLcBGAsYHQ/s1600/System%2Brequirements.png" /></summary>
   - by Refsnes Data. All Rights Reserved.<br />

  All content and graphics on this web site are the property of the company Refsnes Data.<br />

</details>
</center>