我可以替换XHTML中<details>元素的展开图标（▶）吗？

问：

在问题中

• 在没有 <summary> 元素的情况下，我可以替换 <details> 元素的展开图标 （▶） 吗？
• 我可以替换 <details> 元素的展开图标 （▶） 吗？

请求了有关在HTML中处理展开图标的信息，使用的解决方案是：

details>summary {
  list-style-type: none;
}

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

details>summary::before {
    content: "\25ba";
    padding-right:4px;
    font-size: 80%;
}

details[open]>summary::before {
    content: "\25bc";
    padding-right:4px;
    font-size: 80%;
}

认为这在XHTML文档中不起作用。

那么问题来了：如何在XHTML文档中设置图标？

• 最好在 CSS 中，但也可以在 JS 中
• 最好带和不带元素<summary>