html - How can you hide the arrow that is displayed by default on the HTML5 <details> element in Chrome?

Question

I now its still early but I also know you guys are on top of it.

I want to use the HTML5 details element:

<details>
    <summary>What's the HTML5 details element?</summary>
    <p>The details element represents a disclosure widget from which the user can obtain additional information or controls.</p>
</details>

Answer 1

I didn't plan to answer my own question but I have the solution.

• Source: http://trac.webkit.org/timeline?from=2011-04-15T16%3A33%3A41-0700&precision=second
• More about the recommendation for the disclosure widget:
  http://mail-archive.com/[email protected]/msg26129.html

Code

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

Note that the disclosure widget will still be displayed if you don't provide a summary element, which is allowed by the spec.