How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?

by

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/whatwg@lists.whatwg.org/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.

Leave a Comment