murdocklawless That arrow is added by the browser, I believe. The down arrow appears when the details element has been expanded.
You might be able to use the following CSS:
summary:before {
content: "+";
color: red;
float: left;
margin-right: 10px;
details[open] & {
content: "-";
}
}
Braden Looks like the following should work
summary::-webkit-details-marker {
display: none
}
Code obtained from a StackOverflow answer
