Is there a way to change the color of the arrow/twistie of the Details element by using HTML only?

Question

I am using the details element in HTML and I can't use CSS. Only HTML.

<details>
    <summary>Details</summary>
    Something small enough to escape casual notice.
</details>

This gives me a black arrow. Will it be possible to change the color or the arrow and maybe the size/styling using HTML only? I can't use CSS.

You can't do that without using CSS. HTML is only meant to define the structure of the document, styling is supposed to be done in CSS. So in general it's not possible to change the style of anything without using CSS. — Donald Duck, Sep 03 '21 at 17:31

score 1 · Answer 1 · answered Sep 03 '21 at 13:36

1

No. The default element is black, in order to change it, you must use CSS.
You can use CSS inline in the HTML, by adding to the style tag

answered Sep 03 '21 at 13:36

Lucas Marra

1 Answers1